📰 Tu página de noticias: blog.html

Antes de empezar

• Repasa el Módulo 6 (divs, bordes y fondos) y el Módulo 8 (citas, abreviaturas y más).
• Visita el blog de domestika.org y fíjate en cómo organiza los artículos: ¿en columnas?, ¿con imagen destacada?, ¿con fecha y autor?

Construye tu página

Crea un archivo llamado exactamente blog.html. Una estructura típica podría ser:

1. Cabecera (puede ser igual que en index.html, para mantener coherencia entre páginas).
2. Fila de artículos destacados: un div "fila" que contiene 3 divs "columna", cada uno con imagen, título, fecha y un breve resumen.
3. Artículo en profundidad: un artículo completo con una cita de alguien (<blockquote>), alguna cita corta en línea (<q>), y su información de autor y fecha.
4. Ficha técnica o preguntas frecuentes: usando una lista de descripción (<dl>).
5. Pie de página con información de contacto (<address>).

Recuerda: en cada div "columna", usa padding para separar el contenido de su propio borde, y margin en el div "fila" o en las columnas para separarlas del resto de la página.

.fila-articulos {
  display: flex;
  gap: 20px;
  margin: 24px 0;
}

.articulo {
  flex: 1;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 16px;
}

Checklist de requisitos obligatorios

Tu blog.html debe incluir todo lo de la Actividad 1, más:

• Todo lo de la Actividad 1 (encabezados, párrafos, em/strong, ol/ul, img, a, 2 fuentes, divs con border/background-color).
• Al menos una fila de divs organizada en columnas (con display: flex).
• Uso de margin y padding para separar el contenido, además de border y background-color.
• Una cita en bloque (<blockquote>) y una cita en línea (<q>).
• Una lista de descripción (<dl><dt><dd>).
• Al menos una abreviatura (<abbr>).
• Información de contacto marcada con <address>.
• Al menos una fecha u hora marcada con <time>.
• El archivo se llama exactamente blog.html.

Vuelve a depurar con el validador

Igual que en la Actividad 1, valida tu blog.html en validator.w3.org regularmente mientras lo construyes, no solo al final. Es mucho más fácil corregir un error recién cometido que buscarlo entre cien líneas de código.