Etiquetes HTML de format bàsiques

Malgrat que actualment la majoria d’editors d’HTML són WYSIWYG i funcionen una mica com els processadors de textos, és interessant conèixer algunes de les etiquetes bàsiques que serveixen per codificar format en entorns web. De vegades, hi ha seccions d’un web que no tenen botons i que, per donar format al text, exigeixen entrar el codi manualment. Per aquesta raó, us presentem un recull de les etiquetes HTML de format més habituals:

Etiqueta	Format
<b>	negreta
<strong>	text important
<i>	cursiva
<em>	text amb un èmfasi especial
<small>	text més petit
<sub>	subíndex
<sup>	superíndex

Tot i que el resultat és el mateix, convé tenir clara la diferència entre les etiquetes <b> i <strong> o entre <i> i <em>. L’etiqueta <strong> emfatitza semànticament una paraula o un conjunt de paraules importants (i té a veure més amb el web semàntic que amb el resultat gràfic), mentre que l’etiqueta <b> simplement defineix el text en negreta. El mateix succeeix entre l’etiqueta <em> i l’etiqueta <i>: l’element <em> s’usa quan un lector de pantalla ha de pronunciar les paraules amb èmfasi i remarcar què llegeix. L’element <i>, en canvi, s’empra per marcar els usos metalingüístics, expressions en una llengua diferent, o el títol d’una producció literària, artística o científica, entre d’altres.¹

En darrer terme, recordeu que les etiquetes HTML s’han d’obrir i tancar (per exemple, <b>negreta</b>) perquè el navegador les interpreti correctament i mostri bé el text afectat.