HTML: Títulos

La etiqueta de título

Ya vimos como poner un título como metadato en el documento HTML. Ahora vamos a ver cómo poner títulos en el contenido del documento.

Para lograr esto tenemos seis etiquetas de título distintas, que se utilizan según la importancia del título. Estas etiquetas van desde <h1> hasta <h6>, donde <h1> es el título más importante y <h6> el menos importante.

Mira este ejemplo:

<h1>Este es un título de nivel 1</h1>
<h2>Este es un título de nivel 2</h2>
<h3>Este es un título de nivel 3</h3>
<h4>Este es un título de nivel 4</h4>
<h5>Este es un título de nivel 5</h5>
<h6>Este es un título de nivel 6</h6>

El resultado de este código se verá así:

miarchivo.html

Este es un título de nivel 1

Este es un título de nivel 2

Este es un título de nivel 3

Este es un título de nivel 4

Este es un título de nivel 5
Este es un título de nivel 6

Como puedes ver cuanto más importancia tenga el título, más grande será su tamaño. Pero, cuidado, te dejo una advertencia

⚠️

No escojas el tamaño de los títulos por su tamaño visual, sino por su importancia semántica. Dado que el tamaño visual de los títulos puede ser modificado posteriormente.

En el siguiente capítulo

En el siguiente capítulo vamos a ver etiquetas referentes a los textos.