Ejercicio de programación con HTML: Etiquetas semánticas (article, section, header, footer, nav, aside)

Código
Práctica
0h 20m

Ejercicios HTML Etiquetas Semánticas. Aprende a usar etiquetas semánticas en HTML mediante ejercicios prácticos y ejemplos claros.

  1. Utiliza la etiqueta <header> para el encabezado.
  2. Utiliza la etiqueta <main> para el contenido principal.
  3. Dentro de <main>, utiliza <article> para el artículo de noticias y <aside> para el contenido secundario.
  4. Utiliza la etiqueta <footer> para el pie de página.
  5. Asegúrate de que cada <section> y <article> tenga un título relevante.
  6. Utiliza la etiqueta <nav> para la barra de navegación en el encabezado.

No es necesario que llenes el contenido, pero la estructura debe ser similar a la siguiente:

<!DOCTYPE html>
<html>
<head>
    <title>Mi Sitio de Noticias</title>
</head>
<body>
    <!-- Tu código aquí -->
</body>
</html>
Empezar ejercicio de programación

Todos los ejercicios de programación de HTML

Evalúa tus conocimientos con ejercicios de programación en HTML de tipo Test, Puzzle, Código y Proyecto con VSCode.

Certificados de superación de HTML

Supera todos los retos de HTML y obtén estos certificados de superación para mejorar tu currículum y tu empleabilidad.

Tutorial para resolver este ejercicio de programación

HTML5

HTML

Etiquetas semánticas (article, section, header, footer, nav, aside)

Estructura de página

Otros tutoriales de programación con HTML