Ejercicio de programación con HTML: Etiquetas semánticas (article, section, header, footer, nav, aside)
Código
Ejercicios HTML Etiquetas Semánticas. Aprende a usar etiquetas semánticas en HTML mediante ejercicios prácticos y ejemplos claros.
- Utiliza la etiqueta
<header>para el encabezado. - Utiliza la etiqueta
<main>para el contenido principal. - Dentro de
<main>, utiliza<article>para el artículo de noticias y<aside>para el contenido secundario. - Utiliza la etiqueta
<footer>para el pie de página. - Asegúrate de que cada
<section>y<article>tenga un título relevante. - 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>
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.
Audio
Puzzle
Tablas
Test
Formularios (form, input, select, textarea, button)
Código
Tablas (table, tr, td, th)
Código
Enlace
Puzzle
Video
Puzzle
Imágenes
Test
Contraste y legibilidad
Test
DOCTYPE
Test
Atributos de elementos
Código
Introducción a HTML
Test
Metadatos
Test
Imágenes vectoriales
Test
Anidación de etiquetas
Test
Encabezados
Puzzle
Compatibilidad con navegadores
Test
Validación de HTML
Puzzle
Optimización de la carga de la página (Lazy loading)
Puzzle
Atributos de ARIA
Test
Listas
Puzzle
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
HTML
Etiquetas semánticas (article, section, header, footer, nav, aside)
Estructura de página