{"id":14786,"date":"2024-11-27T08:30:00","date_gmt":"2024-11-27T07:30:00","guid":{"rendered":"https:\/\/www.ub.edu\/retrucs\/?p=14786"},"modified":"2024-12-05T18:17:40","modified_gmt":"2024-12-05T17:17:40","slug":"etiquetes-html-de-format-basiques","status":"publish","type":"post","link":"https:\/\/www.ub.edu\/retrucs\/etiquetes-html-de-format-basiques\/","title":{"rendered":"Etiquetes HTML de format b\u00e0siques"},"content":{"rendered":"\n

Malgrat que actualment la majoria d’editors d’HTML s\u00f3n WYSIWYG<\/a> i funcionen una mica com els processadors de textos, \u00e9s interessant con\u00e8ixer algunes de les etiquetes b\u00e0siques 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\u00f3, us presentem un recull de les etiquetes HTML de format m\u00e9s habituals:<\/p>\n\n\n\n\n\n\n\t\n\n\t\n\t\n\t\n\t\n\t\n\t\n\t
Etiqueta<\/th>Format<\/th>\n<\/tr>\n<\/thead>\n
<b><\/code><\/td>negreta<\/td>\n<\/tr>\n
<strong><\/code><\/td>text important<\/td>\n<\/tr>\n
<i><\/code><\/td>cursiva<\/td>\n<\/tr>\n
<em><\/code><\/td>text amb un \u00e8mfasi especial<\/td>\n<\/tr>\n
<small><\/code><\/td>text m\u00e9s petit<\/td>\n<\/tr>\n
<sub><\/code><\/td>sub\u00edndex<\/td>\n<\/tr>\n
<sup><\/code><\/td>super\u00edndex<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n

Tot i que el resultat \u00e9s el mateix, conv\u00e9 tenir clara la difer\u00e8ncia entre les etiquetes <b><\/code> i <strong><\/code> o entre <i><\/code> i <em><\/code>. L’etiqueta <strong><\/code> emfatitza sem\u00e0nticament una paraula o un conjunt de paraules importants (i t\u00e9 a veure m\u00e9s amb el web sem\u00e0ntic que amb el resultat gr\u00e0fic), mentre que l’etiqueta <b><\/code> simplement defineix el text en negreta. El mateix succeeix entre l’etiqueta <em><\/code> i l’etiqueta <i><\/code>: l’element <em><\/code> s’usa quan un lector de pantalla ha de pronunciar les paraules amb \u00e8mfasi i remarcar qu\u00e8 llegeix. L’element <i><\/code>, en canvi, s’empra per marcar els usos metaling\u00fc\u00edstics, expressions en una llengua diferent, o el t\u00edtol d’una producci\u00f3 liter\u00e0ria, art\u00edstica o cient\u00edfica, entre d’altres.1<\/a><\/sup><\/p>\n\n\n\n

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