Volver al
Web de Duiops

Hay tres clases de listas: desordenadas, ordenadas y de definición:

Listas desordenadas. Las etiqueta es <UL> con etiqueta de cierre para la lista y <LI> para cada línea. Puede contener el atributo type que indica la forma del "topo" o marca que antecede a cada elemento de la lista. Los valores de type pueden ser disk, circle o square, con lo que el topo o marca puede ser un disco, un circulo o un cuadrado. Un ejemplo: <UL type=square> <LI>Elemento 1 <LI>Elemento 2 <LI>Elemento 3 </UL>

	Elemento 1
	Elemento 2
	Elemento 3 Es posible anidar las listas, por ejemplo: <UL> <LI>Elemento 1 <UL> <LI>Elemento 1.1 <LI>Elemento 1.2 <LI>Elemento 1.3 </UL> <LI>Elemento 2 <LI>Elemento 3 </UL>
	Elemento 1 Elemento 1.1 Elemento 1.2 Elemento 1.3
	Elemento 2
	Elemento 3

En otro tema veremos cómo poner una imagen en vez de el punto, cuadrado o disco.

También podemos cambiar el tipo de símbolo elemento por elemento:

<UL>
<LI type=square>Elemento 1
<LI type=circle>Elemento 2
<LI type=disk>Elemento 3
</UL>

	Elemento 1
	Elemento 2
	Elemento 3

Listas ordenadas o numeradas. Las etiqueta es <OL> con etiqueta de cierre para la lista y <LI> para cada línea. Puede llevar los siguientes atributos: start = num Indica que número será el primero de la lista. Si no se indica se entiende que empezará por el número 1. type = tipo Indica el tipo de numeración utilizada. Si no se indica se entiende que será una lista ordenada numéricamente. Los tipos posibles son : 1 = Numéricamente. (1,2,3,4,... etc.) a = Letras minúsculas. (a,b,c,d,... etc.) A = Letras mayúsculas. (A,B,C,D,... etc.) i = Números romanos en minúsculas. (i.ii,iii,iv,v,... etc.) I = Números romanos en mayúsculas. (I,II,III,IV,V,... etc.) Un ejemplo: <OL type=i> <LI>Elemento 1 <LI>Elemento 2 <LI>Elemento 3 </OL>   Elemento 1 Elemento 2 Elemento 3 Estas listas también pueden anidarse, al igual que las listas desordnedadas. A cada elemento puede dársele un valor similar a start=x, con value=x: <OL> <LI value=10>Este elemento vale 10 <LI>Elemento siguiente <LI>Otro elemento más </OL>   Este elemento vale 10 Elemento siguiente Otro elemento más

Listas de definición. La etiqueta es <DL> con etiqueta de cierre para la lista, <DT> para cada palabra y <DD> para cada definición de cada palabra, por ejemplo: <DL> <DT>Elemento 1 <DD>Definición de elemento 1 <DT>Elemento 2 <DD>Definición de elemento 2 <DT>Elemento 3 <DD>Definición de elemento 3 </DL>   Elemento 1 Definición de elemento 1 Elemento 2 Definición de elemento 2 Elemento 3 Definición de elemento 3