Utilizar HTML nos textos

Como uti­li­zar as Tags HTML nos tex­tos e comentários

Pode pare­cer mais difí­cil do que ape­nas escre­ver e pro­va­vel­mente é, mas é muito impor­tante para a arru­ma­ção da infor­ma­ção na inter­net e a sua aces­si­bi­li­dade, desig­na­da­mente por invi­su­ais, que as tags dis­po­ní­veis sejam uti­li­za­das e bem utilizadas.

Links

Deve subs­ti­tuir o ende­reço http entre aspas pelo ende­reço da página que pre­tende lin­kar e à frente o texto a lin­kar. Uti­li­zar a tag title ajuda os moto­res de busca, mas não é estri­ta­mente neces­sá­rio:
<a href="http://www.arvores.org" title="Registo Nacional de Árvores Notáveis">Registo Nacional de Árvores Notáveis></a>

Registo Naci­o­nal de Árvo­res Notáveis

Abre­vi­a­tu­ras e Acrónimos

Ao uti­li­zar as tags abbr e acronym está a dar infor­ma­ção útil aos brow­sers (e aos uti­li­za­do­res), cor­rec­to­res orto­grá­fi­cos, lei­to­res de ecran (para invi­su­ais), sis­te­mas de tra­du­ção e moto­res de busca.
Resu­mi­da­mente, uma abre­vi­a­tura lê-se letra a letra, um acró­nimo lê-se como uma pala­vra.
<abbr title="World Wildlife Fund">WWF</abbr> | WWF

<acronym title="National Aeronautics and Space Administration">NASA</acronym> | NASA

Cita­ções

O brow­ser dis­tin­gue gra­fi­ca­mente uma cita­ção, tor­nando claro para o lei­tor que o que está a ler tem outro autor. O atri­buto cite indica aos moto­res de busca a ori­gem da cita­ção.
Deve-se uti­li­zar cite como tag iso­la­da­mente para indi­car as fon­tes (títu­los de revis­tas, livros…), o brow­ser grafa habi­tu­al­mente com itá­lico. Uma uti­li­za­ção cri­te­ri­osa per­mite por exem­plo saber auto­ma­ti­ca­mente todas as fon­tes de um site.
<blockquote cite="Engenheiro Agrónomo Vieira Natividade">A maioria dos podadores não sabe ainda hoje o que quer, ou, quando o sabe, ignora como alcançá-lo.</blockquote>

A mai­o­ria dos poda­do­res não sabe ainda hoje o que quer, ou, quando o sabe, ignora como alcançá-lo.

Código (pro­gra­ma­ção)

É uti­li­zada quando se quer gra­far ins­tru­ções de pro­gra­ma­ção. Esta pró­pria página é o exem­plo.
<code></code>

Itá­lico

Há duas forma de colo­car as pala­vras em itá­lico: Ou uti­li­zando a tag em ou a tag i. A dife­rença é que ao utilizar-se lei­to­res de ecran para pes­soas com difi­cul­da­des visu­ais, a pri­meira dá ênfase à pala­vra na lei­tura.
<em>Itálico com em</em> | Itá­lico com em
<i>Itálico com i</i> | Itá­lico com i

Negrito

Há duas for­mas de colo­car o texto negrito e a dife­rença, tal como no itá­lico, é essen­ci­al­mente para pes­soas com difi­cul­da­des visu­ais. b (bold)limita-se a atri­buir um estilo, strong destina-se a dar um ênfase forte a uma parte do texto.
<b>Negrito com b</b> | Negrito com b
<strong>Negrito com strong</strong> | Negrito com strong

Cor­tar a palavra

<strike>Palavras cortadas</strike> | Pala­vras cortadas