Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Listas | Fundamentos de HTML
Conceptos básicos de HTML
course content

Contenido del Curso

Conceptos básicos de HTML

Conceptos básicos de HTML

1. Comprendiendo la Web y HTML
2. Fundamentos de HTML
3. Imágenes y Medios
4. Tablas y Formularios
5. HTML Avanzado

bookListas

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:

html

index

css

index

js

index

copy

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:

html

index

css

index

js

index

copy

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:

html

index

css

index

js

index

copy

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

1. ¿Qué etiqueta se utiliza para crear listas desordenadas?
2. ¿Cuándo usarías una lista ordenada en lugar de una lista desordenada?
3. ¿Qué etiqueta falta en los espacios (___)?
¿Qué etiqueta se utiliza para crear listas desordenadas?

¿Qué etiqueta se utiliza para crear listas desordenadas?

Selecciona la respuesta correcta

¿Cuándo usarías una lista ordenada en lugar de una lista desordenada?

¿Cuándo usarías una lista ordenada en lugar de una lista desordenada?

Selecciona la respuesta correcta

¿Qué etiqueta falta en los espacios (___)?

¿Qué etiqueta falta en los espacios (___)?

Selecciona la respuesta correcta

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 7
some-alt