Etiqueta HTML <sub>
La etiqueta <sub> se utiliza para definir texto en subíndice que aparece medio carácter por debajo de la línea y se muestra en una fuente más pequeña. El texto en subíndice a menudo se utiliza para definir fórmulas químicas.
Debes usar la etiqueta <sub> únicamente por razones tipográficas. No debe usarse con fines de estilo. Si deseas cambiar la posición vertical de un texto, puedes usar la propiedad CSS vertical-align con el valor "sub".
éxito
Para definir texto en superíndice, utiliza la etiqueta
<sup>.
Sintaxis
La etiqueta <sub> se usa en pares. El contenido se escribe entre las etiquetas de apertura (<sub>) y cierre (</sub>).
Ejemplo de la etiqueta HTML <sub>:
Etiqueta HTML <sub>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Formula of water - H<sub>2</sub>O, formula of alcohol - C<sub>2</sub>H<sub>5</sub>O</p>
</body>
</html>Resultado
Ejemplo de la etiqueta HTML <sub> utilizada con la etiqueta <sup>:
Ejemplo de la etiqueta HTML <sub> con la etiqueta <sup>:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>
The formula of water is H<sub>2</sub>O, and the formula of alcohol is C<sub>2</sub>H<sub>5</sub>O
</p>
<p>
E = mc<sup>2</sup>, where E — kinetic energy, m — mass, c — the speed of light.
</p>
</body>
</html>Ejemplo de la etiqueta HTML <sub> utilizada con la propiedad CSS vertical-align:
Ejemplo de la etiqueta HTML <sub> con la propiedad CSS vertical-align:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
sub {
vertical-align: sub;
font-size: small;
}
</style>
</head>
<body>
<h1>Example of the sub tag</h1>
<p>
Here is some text <sub>with the sub tag</sub>.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ...
</p>
<p>
Reference site about Lorem Ipsum,<sub> giving information on its origins</sub>, as well as a random Lipsum generator.
</p>
</body>
</html>Atributos
La etiqueta <sub> admite los Atributos globales y los Atributos de eventos.
Cómo dar estilo a una etiqueta HTML <sub>
sub {
color: #555;
font-size: 0.8em;
}Nota: Este ejemplo anula el estilo predeterminado del navegador con fines demostrativos.
Práctica
¿Cuál es el uso y la sintaxis correctos de la etiqueta HTML <sub> según la guía de w3docs.com?