Dominando el texto con subíndice en HTML

Introducción

En HTML, la etiqueta <sub> se utiliza para especificar texto en línea que debe mostrarse como subíndice únicamente por razones tipográficas. El contenido dentro de esta etiqueta se suele renderizar con una línea base bajada utilizando un texto más pequeño. En este laboratorio, aprenderás a usar la etiqueta <sub> en HTML para mostrar texto con subíndice.

Nota: Puedes practicar la codificación en index.html y aprender Cómo escribir HTML en Visual Studio Code. Haga clic en 'Go Live' en la esquina inferior derecha para ejecutar el servicio web en el puerto 8080. Luego, puede actualizar la pestaña Web 8080 para previsualizar la página web.

Agregar la plantilla HTML

Crea un nuevo archivo llamado index.html.

Agrega el siguiente código a index.html para crear la estructura básica de HTML.

<!doctype html>
<html>
  <head>
    <title>HTML Sub Tag Lab</title>
  </head>
  <body></body>
</html>

Agregar la etiqueta

Agrega el siguiente código dentro del elemento <body> para crear un texto con subíndice.

<p>My chemical formula is H<sub>2</sub>O.</p>

Este código mostrará el texto "My chemical formula is H2O", donde "2" se mostrará como subíndice.

Guarda el archivo index.html y úbrelo en un navegador web para ver la salida. Deberías ver el texto con subíndice "H2O".

Resumen

En este laboratorio, aprendiste a usar la etiqueta <sub> en HTML para mostrar texto con subíndice. Esto es útil para mostrar fórmulas químicas y otros tipos de texto que requieren una línea base bajada. Siguiendo los pasos descritos en este laboratorio, puedes agregar fácilmente la etiqueta <sub> a tu código HTML y crear texto con subíndice.

Texto con subíndice en HTML

Introducción

Agregar la plantilla HTML

Agregar la etiqueta

Resumen