Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Desafío: Elementos Semánticos | HTML Avanzado
Conceptos básicos de HTML

bookDesafío: Elementos Semánticos

Tarea

Crea un documento HTML para el sitio web de una empresa de desarrollo de Flutter utilizando elementos HTML semánticos para mejorar la accesibilidad y la optimización en motores de búsqueda.

Asegúrate de que cada sección del sitio web esté envuelta en los elementos HTML semánticos apropiados (<header>, <nav>, <section>, <footer>).

index.html

index.html

copy

Pista

  • Paso 1: Usa el elemento header para contener los elementos principales de la marca y la navegación.
  • Paso 2: Utiliza el elemento nav para el menú de navegación.
  • Paso 3: Envuelve cada sección distinta de contenido en un elemento section.
  • Paso 4: El elemento footer debe contener información de copyright, enlaces de política y detalles de contacto.
index.html

index.html

copy
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 3

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 3.13

bookDesafío: Elementos Semánticos

Desliza para mostrar el menú

Tarea

Crea un documento HTML para el sitio web de una empresa de desarrollo de Flutter utilizando elementos HTML semánticos para mejorar la accesibilidad y la optimización en motores de búsqueda.

Asegúrate de que cada sección del sitio web esté envuelta en los elementos HTML semánticos apropiados (<header>, <nav>, <section>, <footer>).

index.html

index.html

copy

Pista

  • Paso 1: Usa el elemento header para contener los elementos principales de la marca y la navegación.
  • Paso 2: Utiliza el elemento nav para el menú de navegación.
  • Paso 3: Envuelve cada sección distinta de contenido en un elemento section.
  • Paso 4: El elemento footer debe contener información de copyright, enlaces de política y detalles de contacto.
index.html

index.html

copy
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 3
some-alt