Etiqueta <SUB>

La etiqueta <sub>, permite definir un texto en subíndice, el texto subíndice aparece por debajo de la línea base de representación del texto, un ejemplo de utilización podría ser en formulas químicas como H20, para que aparezca el número más pequeño y alterada su posición sobre la línea base.



La sintaxis de la etiqueta es la siguiente.

<p>El siguiente <sub>texto</sub> permite definir un subíndice</p>

El siguiente ejemplo muestra el uso de la etiqueta en un documento web.

<!DOCTYPE HTML>
<html>
<head>
  <title>Ejercicios prácticos HTML5</title>
  <meta charset="utf-8">
  <meta name="author" content="José Sáez">
  <meta name="description" content="Ejercicios prácticos HTML5">
  <meta name="generator" content="Ejercicios prácticos HTML5">
  <meta name="keywords" content="Ejercicios, Soluciones, Prácticas, HTML5">
</head>
<body>
<p>www.aprendoencasa.com - Ejercicios y prácticas de programación web.</p>
<p>El siguiente texto contiene un <sub>subíndice</sub></p>
<p>Aunque también se utiliza en fórmulas como H<sub>2</sub>O</p>
</body>
</html>

El ejercicio anterior ha de mostrar un resultado similar al que visualiza a continuación.

Ejercicios HTML5 - Etiqueta SUB

Ejercicios HTML5 – Etiqueta SUB

Se ha de tener en cuenta que muchas de las etiquetas son heredadas de versiones antiguas del lenguaje, en su momento se utilizaban para especificar un formato al contenido sobre el cual se aplicaban, actualmente el formato se aplica con hojas de estilos, y las etiquetas se utilizan actualmente para dar un sentido semántico al contenido.

Gracias por vuestra visita y un saludo!!!