Ejercicio de programación con HTML: Reto etiquetas semánticas HTML

Código
Práctica
0h 5m

Practica la creación de páginas web usando etiquetas semánticas HTML5 para mejorar la accesibilidad y organización del contenido.

Crea una página web sobre un tema de tu elección (por ejemplo, un blog de viajes, una receta de cocina o un artículo sobre tecnología) utilizando las etiquetas semánticas de HTML5.

La página debe incluir obligatoriamente las siguientes etiquetas semánticas:

  • <header>: Para la cabecera de la página, que debe contener un título principal (<h1>) y un menú de navegación.
  • <nav>: Dentro del header, con al menos 3 enlaces.
  • <main>: Para el contenido principal de la página.
  • <article>: Dentro de main, para contener un artículo completo sobre el tema elegido.
  • <section>: Al menos dos secciones diferentes dentro del artículo, cada una con su propio encabezado (<h2>).
  • <aside>: Para información complementaria relacionada con el contenido principal.
  • <footer>: Para el pie de página con información de contacto o copyright.

Asegúrate de que la estructura sea semánticamente correcta y que cada etiqueta se utilice según su propósito. No es necesario aplicar estilos CSS, el ejercicio se centra exclusivamente en la estructura 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.

Tutorial para resolver este ejercicio de programación

HTML5

HTML

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

Organización de contenido

Otros tutoriales de programación con HTML