Ejercicio de programación con HTML: Etiquetas semánticas
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.
Reto etiquetas semánticas HTML
Código
Divisiones
Test
Audio
Puzzle
Proyecto crear páginas HTML
Proyecto
Enlace
Puzzle
Video
Puzzle
Imágenes
Test
Reto atributos ARIA en HTML
Código
DOCTYPE
Test
Compatibilidad con navegadores
Test
Reto trabajar con imágenes en HTML
Código
Atributos de elementos
Código
Reto crear tablas HTML
Código
Introducción a HTML
Test
Imágenes vectoriales
Test
Anidación de etiquetas
Test
Formularios
Puzzle
Encabezados
Puzzle
Reto Validación HTML
Código
Optimización de la carga de la página (Lazy loading)
Puzzle
Listas
Puzzle
Reto metadatos en HTML
Código
Estilos
Puzzle
Validación de HTML
Puzzle
Navegación por teclado
Puzzle
Párrafos
Test
Uso de DOCTYPE
Puzzle
Reto de enlaces HTML
Código
Etiquetas semánticas
Puzzle
Contraste y legibilidad
Test
Atributos de ARIA
Test
Reto geolocalización en HTML
Código
Listas (ul, ol, li)
Código
Tablas
Test
Reto LocalStorage en HTML
Código
Uso de atributos
Puzzle
Atributos
Test
Reto formatear texto en HTML
Código
Reto crear listas HTML
Código
Metadatos
Test
Comentarios
Test
Incrustación de contenido (iframe)
Test
Uso de elementos y etiquetas
Puzzle
Elementos y etiquetas
Test
Tutorial para resolver este ejercicio de programación
HTML
Etiquetas semánticas (article, section, header, footer, nav, aside)
Organización de contenido