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.