Curso de HTML
Construye la estructura de la web.
Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.
HTML tiene seis niveles de encabezado, de h1 a h6. No son tamaños de letra: son la jerarquía que le da estructura y sentido a tu contenido.
Explicación
HTML define seis niveles de encabezado, del más importante al menos importante:
<h1>El título principal de la página. Debe usarse una sola vez.
<h2> a <h6>Subniveles para organizar el contenido en secciones y subsecciones, en orden descendente de importancia.
Tamaño visualEl tamaño de letra que ves es solo el estilo por defecto del navegador; con CSS se puede cambiar sin alterar el significado de la etiqueta.
Reto rápido
Este documento salta de <h1> directo a <h4> para sus dos secciones. Cámbialos a <h2>, que es el nivel correcto para no saltarse niveles.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
Piensa en los encabezados como el índice de un libro: usa el nivel según el lugar que ocupa la idea en la estructura, no según qué tan grande quieres que se vea.
Dato extra
Los lectores de pantalla permiten saltar de un encabezado a otro para navegar rápido por la página; una jerarquía desordenada hace esa navegación confusa.
Error común
Elegir un nivel de encabezado porque "se ve del tamaño correcto" (por ejemplo, usar <h3> en vez de <h2> solo porque es más pequeño), o usar más de un <h1> en la misma página.
Siguiente paso
Ya entiendes la jerarquía de títulos. Ahora veamos la etiqueta que vas a usar más que ninguna otra: el párrafo.
Ir a la siguiente lección