Subíndice en HTML

Y si tuviésemos que escribir la fórmula del agua en un artículo HTML… Nos encontraríamos en la necesidad de saber cómo se crea un subíndice en HTML.

El elemento SUB

El elemento HTML que sirve para poner subíndices es SUB. Este elemento se compone de dos etiquetas. Su contenido será el texto que queramos poner como subíndice.

<sub>texto en subíndice</sub>

Ejemplo de uso: Fórmula del agua

De esta forma, para escribir el símbolo del agua tendríamos el siguiente código HTML:

<p>H<sub>2</sub>O</p>

Que se visualizaría como: H₂O

Más ejemplos

El subíndice es muy útil para:

• Fórmulas químicas: CO₂, H₂SO₄
• Notación matemática: x₁, y_n
• Notas al pie: Referencia₁

<!-- Dióxido de carbono -->
<p>CO<sub>2</sub></p>

<!-- Ácido sulfúrico -->
<p>H<sub>2</sub>SO<sub>4</sub></p>

<!-- Variables matemáticas -->
<p>x<sub>1</sub> + x<sub>2</sub> = y</p>

Con el elemento <sub> puedes añadir fácilmente subíndices a tus documentos HTML, especialmente útil para contenido científico y matemático.