Objetivo: mostrar los seis niveles de encabezados que ofrece HTML.
HTML permite seis niveles de encabezados. Para que te hagas una idea de su aspecto, comienza haciendo clic sobre el enlace que contiene el código del capítulo.
Las etiquetas que nos permiten crear encabezados son <h1>, <h2>, <h3>, <h4>, <h5> y <h6>, ordenadas por nivel decreciente de importancia.
El siguiente ejemplo muestra cómo generar un encabezado de máximo nivel:
<h1>Encabezado de nivel 1</h1>
Gracias a los encabezados podemos estructurar nuestros documentos en secciones sin preocuparnos por su aspecto. Por defecto, los navegadores los muestran escritos en negrita, con un tamaño de fuente adecuado para cada nivel de títulos y separados del texto anterior y posterior por una línea en blanco. Más adelante, cuando tratemos las hojas de estilo CSS veremos cómo personalizar su aspecto, en el caso de que no nos satisfaga el diseño por omisión.
Utiliza los seis niveles de encabezados de un modo coherente: recuerda que el de mayor importancia es H1 y el de menor H6. No queda muy estético, por ejemplo, usar un H2 para el nivel principal y un H1 para los secundarios.
<!DOCTYPE html>
<html>
<head>
<title>Seis niveles de encabezados</title>
</head>
<body>
<h1>Encabezado de nivel 1</h1>
<h2>Encabezado de nivel 2</h2>
<h3>Encabezado de nivel 3</h3>
<h4>Encabezado de nivel 4</h4>
<h5>Encabezado de nivel 5</h5>
<h6>Encabezado de nivel 6</h6>
<p>Y este es el texto normal.</p>
</body>
</html>Javier Montero Gabarró
Fecha de la última revisión: 23 de diciembre de 2012
El texto de este artículo se encuentra sometido a una licencia Creative Commons del tipo CC-BY-NC-ND (reconocimiento, no comercial, sin obra derivada, 3.0 unported)
El Club del Autodidacta
Índice completo de artículos relacionados con HTML.