Skip to main content

Practical Exercise 17: HTML Blog Structure

Learn how to use the article, header, footer, and section tags in HTML to structure and style a blog. How to structure a blog correctly and simply.

Activity​

Create a basic blog structure using the tags<article>,<header>,<footer>, and <section>

Interactive Solution​

Solution with complete HTML code​

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

🔧Discover more about this topic in this part of the site👉 Basic structure of an HTML document.