Reto crear listas HTML

Código
Intermedio
HTML
Curso de HTML
3 min
200 XP
Actualizado: 01/05/2025

¡Programa y certifícate!

Asistente de IA
Solución de código
Certificado
Empezar ejercicio

Descripción

Crear diferentes tipos de listas HTML con elementos anidados

Crea una página HTML que contenga los siguientes elementos:

Guarda tu progreso

Inicia sesión para no perder tu progreso y accede a miles de tutoriales, ejercicios prácticos y nuestro asistente de IA.

Progreso guardado
Asistente IA
Ejercicios
Iniciar sesión gratis

Más de 25.000 desarrolladores ya confían en CertiDevs

  1. Una lista ordenada con al menos 3 pasos para preparar un sándwich. Utiliza el tipo de numeración romana (I, II, III...).

  2. Una lista no ordenada con al menos 4 ingredientes que podrían usarse en un sándwich.

  3. Una lista de definición con al menos 2 términos relacionados con la cocina y sus respectivas definiciones.

  4. 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.

Solución al ejercicio de programación en HTML

Contenido bloqueado

¡Desbloquea la solución completa!

Completa el ejercicio de programación en HTML para acceder a la solución paso a paso, explicaciones detalladas y mejores prácticas.

solution.js
JavaScript
1 function solveChallenge ( input ) {
2 // Algoritmo optimizado O(n log n)
3 const data = parseInput ( input );
4 const sorted = data . sort (( a , b ) => a - b );
5
6 // Aplicar técnica de dos punteros
7 let left = 0 , right = sorted . length - 1 ;
8 const result = [];
9
10 while ( left < right ) {
11 const sum = sorted [ left ] + sorted [ right ];
12 if ( sum === target ) {
13 result . push ([ sorted [ left ], sorted [ right ]]);
14 left ++; right --;
15 } else if ( sum < target ) {
16 left ++;
17 } else {
18 right --;
19 }
20 }
21
22 return result ;
23 }
Código completo
Explicaciones
Mejores prácticas
+1.200 developers han resuelto este ejercicio de programación

Practica con ejercicios de programación en HTML

Mejora tus habilidades con cientos de ejercicios de práctica, recibe retroalimentación instantánea y obtén tu certificación cuando estés listo.

Asistente de IA

Aprende de tus errores

Progreso

Mide tu avance

Certificación

Valida tus habilidades

Únete a miles de desarrolladores mejorando sus habilidades en HTML

⭐⭐⭐⭐⭐
4.9/5 valoración