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.