Saltar al contenido principal

Ejercicio práctico 17: Estructura HTML de un blog

Aprende a utilizar las etiquetas article, header, footer y section en HTML para estructurar y estilizar un blog. Cómo estructurar un blog de manera correcta y simple.

Actividad​

Crea una estructura básica de blog usando las etiquetas <article>, <header>, <footer>, y <section>.

Solución interactiva​

Solución con el código HTML completo​

HTML
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <title>Blog</title>
  </head>
  <body>
    <article>
      <header>
        <h1>Título del Blog</h1>
        <p>Publicado el 30 de mayo de 2024</p>
      </header>
      <section>
        <p>Este es el contenido del artículo del blog.</p>
      </section>
      <footer>
        <p>Autor: Gabriel Maza</p>
      </footer>
    </article>
  </body>
</html>
info

🔧 Descubrí más sobre este tema en esta parte del sitio 👉 Estructura básica de un documento HTML.