Colores y tipos de fuente

Como hemos comentado en el apartado anterior, para aplicar estilos lo más óptimo es el uso de las hojas de estilo. Sin embargo, daremos una pincelada sobre cómo hacerlo directamente desde HTML.

La etiqueta <font>

<font> es una etiqueta obsoleta reemplazada por las hojas de estilo. Es común encontrarnos páginas cuyo código aún las incluyen. No es erróneo, pero su uso implicará no cumplir los estándares. Dicha etiqueta incluye atributos como "face" (para especificar el tipo de fuente), "size" (para el tamaño) o color.

Como el HTML es un lenguaje sólo para estructurar textos y no para un estilo visual adecuado, se ha eliminado, al igual que otras etiquetas y/o atributos que tienen relación con el aspecto visual de una página web.

Véase el siguiente ejemplo:

<font face="arial" size="12px" color="#0088AA">TEXTO CON FORMATO</font>

El resultado sería el siguiente:


TEXTO CON FORMATO

Subíndicies <sub> y superíndices <sup>

El subíndice es una letra, número o signo que se coloca a la derecha y en la parte inferior de un símbolo matemático, químico u otro. El texto irá entre las etiquetas <sub> y </sub>.

Por otra parte, el superíndice es número o signo que se coloca en el extremo superior derecho de una palabra o número como indicación de elevación a potencia u otro dato. Se hará mediante las etiquetas <sup> y </sup>.

El agua está formada por H<sub>2</sub>O. En la tierra hay unos 1.360.000.000 km<sup>3</sup> de este compuesto químico.

El agua está formada por H2O. En la tierra hay unos 1.360.000.000 km3 de este compuesto químico.