Listas

Las listas se utilizan para organizar y presentar información en un formato estructurado. Hay dos tipos principales de listas: listas desordenadas (<ul>) y listas ordenadas (<ol>).

Listas desordenadas

Las listas desordenadas presentan elementos en un formato con viñetas. Cada elemento de la lista se define usando la etiqueta <li> (elemento de lista). Las listas desordenadas se utilizan típicamente cuando el orden de los elementos no es significativo.
Ejemplo:

En el ejemplo anterior:

La lista desordenada (<ul>) muestra elementos con puntos de viñeta.

Listas ordenadas

Las listas ordenadas muestran elementos en una secuencia numerada. Cada elemento de la lista se define usando la etiqueta <li> (elemento de lista). Las listas ordenadas se utilizan cuando el orden de los elementos es importante y necesita ser enfatizado.
Ejemplo:

En el ejemplo anterior:

La lista está ordenada (<ol>), mostrando elementos con números.

Listas anidadas

Las listas también pueden anidarse entre sí para crear estructuras jerárquicas. Esto significa que un elemento de lista (<li>) dentro de una lista (<ul> o <ol>) puede contener otra lista. Esto es útil para organizar información compleja en múltiples niveles de jerarquía.
Ejemplo:

En el ejemplo anterior:

• El segundo elemento de la lista ("Main item 2") contiene una lista desordenada anidada (<ul>), creando una estructura jerárquica;
• Cada lista anidada (<ul>) está indentada para indicar visualmente su nivel jerárquico.

Tutorial en Video