Saltar la navegación

3.2.2. Listas

Elemento Descripción
ul Delimita los elementos que forman una lista desordenada
ol Delimita los elementos que forman una lista ordenada
li Indica cada uno de los elementos de una lista
dl Delimita los elementos que forman una lista de definición
dt Cada uno de los términos que se definen de una lista de definición.
dd Cada una de las definiciones de una lista de definición.

Listas sin orden

Las etiquetas ul usan la propiedad list-style-type para definir el estilo de la lista:

  • disc. Para mostrar un círculo relleno (es el valor por defecto)
  • circle. Muestra un círculo vacío.
  • square. Muestra un cuadrado.
  • none. No mostrará ningún símbolo en cada línea.

Listas ordenadas

La etiqueta ol pueden usar las siguientes propiedades:

  • start. Para indicar con qué valor se comienza.
  • reversed. Para ordenar de forma decreciente.
  • type="1". La lista se representará con números comenzando con el 1 (por defecto).
  • type="A". La lista se representará con letras mayúsculas.
  • type="a". La lista se representará con letras minúsculas.
  • type="I". La lista se representará con números romanos en mayúsculas.
  • type="i". La lista se representará con números romanos en minúsculas.

Ejemplo

¿Sabrías reproducir la siguiente lista?

Ejemplo listas

Guarda el ejemplo como ej2.html

Creado con eXeLearning (Ventana nueva)