Ejercicio de programación con HTML: Reto crear listas HTML
0h 3m
Practica creando listas HTML ordenadas, no ordenadas, de definición y anidadas para mejorar tu dominio de etiquetas y estructura web.
Crea una página HTML que contenga los siguientes elementos:
Una lista ordenada con al menos 3 pasos para preparar un sándwich. Utiliza el tipo de numeración romana (I, II, III...).
Una lista no ordenada con al menos 4 ingredientes que podrían usarse en un sándwich.
Una lista de definición con al menos 2 términos relacionados con la cocina y sus respectivas definiciones.
Una lista anidada que muestre categorías de pan para sándwiches, con al menos 2 categorías principales y 2 tipos específicos de pan en cada categoría.
Asegúrate de utilizar correctamente las etiquetas <ol>
, <ul>
, <dl>
, <dt>
, <dd>
y <li>
según corresponda para cada tipo de lista.
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
Divisiones
Audio
Proyecto crear páginas HTML
Enlace
Video
Imágenes
Reto atributos ARIA en HTML
DOCTYPE
Compatibilidad con navegadores
Reto trabajar con imágenes en HTML
Reto crear tablas HTML
Introducción a HTML
Imágenes vectoriales
Anidación de etiquetas
Formularios
Encabezados
Reto Validación HTML
Optimización de la carga de la página (Lazy loading)
Listas
Reto metadatos en HTML
Estilos
Validación de HTML
Navegación por teclado
Párrafos
Uso de DOCTYPE
Reto de enlaces HTML
Etiquetas semánticas
Contraste y legibilidad
Atributos de ARIA
Reto geolocalización en HTML
Tablas
Reto LocalStorage en HTML
Uso de atributos
Atributos
Reto formatear texto en HTML
Metadatos
Comentarios
Incrustación de contenido (iframe)
Uso de elementos y etiquetas
Elementos y etiquetas
Tutorial para resolver este ejercicio de programación
HTML
Listas (ul, ol, li)
Textos y enlaces