Teoría
Teoría

La jerarquía de encabezados y los párrafos

Terminamos con los textos de la página principal. Ahora marquemos los de la página interna.

En la página principal pusimos <h1> en el encabezado del sitio, una solución habitual para ese tipo de página. En las páginas internas, el encabezado de primer nivel suele estar en el contenido principal, dentro de <main>.

En esta página del blog, lo más adecuado es envolver el título de la entrada en <h1>. Es el encabezado principal: ¡toda la página trata sobre «Día uno. Cómo olvidé darle de comer al gato»!

Ese encabezado estará dentro de <article>, que a su vez está dentro de <main>.

En <header> pondremos un párrafo con el texto Blog. Se repetirá en las páginas internas para indicar a quienes las visiten que están en el blog.

También dividiremos el texto de la entrada en párrafos, igual que hicimos en el ejercicio anterior.

index.html

HTML

<!DOCTYPE html> <html lang="es"> <head> <title>Mi primer sitio web</title> <link rel="stylesheet" href="outlines.css"> </head> <body> <header> <nav> Volver al inicio </nav> </header> <main> <article> Día uno. Cómo olvidé darle de comer al gato Quién iba a imaginar que la semántica era tan importante. Tenía que hablar de ello. Miré al gato. Soltó un insistente «miau». Entonces lo entendí: era hora de escribir la primera entrada del blog. Y de darle de comer al gato. </article> <aside> Aquí podría estar tu anuncio. </aside> </main> <footer> Pie de página del sitio </footer> </body> </html>

ObjetivosRealizado

Convierte el texto Día uno. Cómo olvidé darle de comer al gato en un encabezado de primer nivel.
En el encabezado del sitio, antes del bloque de navegación, agrega un párrafo con el texto Blog.
Divide el resto de la entrada en dos párrafos. El primero debe empezar con Quién iba a imaginar y terminar con hablar de ello.
El segundo debe empezar con Miré y terminar con Y de darle de comer al gato.