Uno de los aspectos primordiales del formateo de un texto es el de la propia letra. Resulta muy común y práctico presentar texto resaltado en negrita, itálica y otros. Paralelamente el uso de índices, subíndices resulta vital para la publicación de textos científicos. Todo esto y mucho más es posible por medio del HTML a partir de multitud de etiquetas entre las cuales vamos a destacar algunas.
Podemos escribir texto en negrita incluyéndolo dentro de las etiquetas <b> y </b> (bold). Esta misma tarea es desempeñada por <strong> y </strong> siendo ambas equivalentes.
Ejemplo: Escribirun código de este tipo: <b>Texto en negrita</b>
¿Qué diferencia hay entre <b> y <strong>?
Aunque las dos etiquetas hacen el mismo efecto, tienen una peculiaridad que las hace distintas. La etiqueta <b> indica negrita, mientras que la etiqueta <strong> indica que se debe escribir resaltado. El HTML lo interpretan los navegadores según su criterio, es por eso que las páginas se pueden ver de distinta manera en unos navegadores y en otros.
Itálica
También en este caso existen dos posibilidades, una corta: <i> e </i> (italic) y otra un poco más larga: <em> y </em>.
He aquí un ejemplo de texto en itálica: <i>Texto en itálica</i> Que da el siguiente efecto:Texto en itálica
Subrayado
El HTML nos propone también para el subrayado el par de etiquetas: <u> y </u> (underlined). Sin embargo, el uso de subrayados ha de ser aplicado con mucha precaución dado que los enlaces hipertexto van, a no ser que se indique lo contrario, subrayados con lo que podemos confundir al lector y apartarlo del verdadero interés de nuestro texto.
Subíndices y supraíndices
Este tipo de formato resulta de extremada utilidad para textos científicos. Las etiquetas empleadas son: <sup> y </sup> para los super.
<sub> y </sub> para los subíndices.
Ejemplo:
x<sup>13</sup>
<sub>3</sub>
Anidar etiquetas
Todas estas etiquetas y por supuesto el resto de las vistas y que veremos más adelante pueden ser anidadas unas dentro de otras para conseguir resultados diferentes. Así, podemos sin ningún problema crear texto en negrita e itálica embebiendo una etiqueta dentro de la otra: <b>Esto sólo está en negrita <i>y esto en negrita e itálica</i></b>
Esto nos daría:
Esto sólo está en negrita y esto en negrita e itálica.