Teoría
Teoría

Encabezados y subencabezados

Los encabezados suelen ser la base de la estructura en los textos largos.

En HTML existe toda una familia de etiquetas para marcarlos: desde <h1> hasta <h6>. La etiqueta <h1> marca el encabezado más importante, mientras que <h6> señala el subencabezado de nivel más bajo.

En la práctica, casi nunca hacen falta subencabezados por debajo del tercer nivel. Por eso las etiquetas más usadas suelen ser <h1>, <h2> y <h3>.

Además, los motores de búsqueda dan bastante importancia a los encabezados, así que conviene acostumbrarse desde el principio a utilizarlos correctamente.

index.html

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Encabezados y subencabezados</title> </head> <body> 1 Encabezados <p>Los encabezados son una de las herramientas más importantes para estructurar un texto.</p> 1.1 Recomendaciones de uso <p>Estas son algunas recomendaciones para usar los encabezados en una página HTML.</p> 1.1.1 Uso de h1 <p>No se recomienda que una misma página tenga varios encabezados de nivel superior.</p> 1.1.2 Uso de h2-h6 <p>Al usar subencabezados, no se recomienda saltarse niveles: después de un encabezado h1 debería ir un subencabezado h2 y solo después uno h3.</p> </body> </html>

ObjetivosRealizado

Envuelve con la etiqueta <h1> el texto «1 Encabezados».
Envuelve con la etiqueta <h2> el texto «1.1 Recomendaciones de uso».
Envuelve con etiquetas <h3> los textos «1.1.1 Uso de h1» y «1.1.2 Uso de h2-h6».