Volver a la portada de Duiops
Volver al
Web de Duiops

Google 
 
En Internet En duiops.net

LISTA DE CORREO

Apúntate para recibir todas las novedades:


Portada | Fundamentos del HTML | Añadiendo listas

Añadiendo listas

Atrás Arriba Siguiente

(contenido antiguo)

LISTAS


Hay tres clases de listas: desordenadas, ordenadas y de definición:
bulletListas 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>

bulletElemento 1
bulletElemento 2
bulletElemento 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>

bulletElemento 1
bulletElemento 1.1
bulletElemento 1.2
bulletElemento 1.3
bulletElemento 2
bulletElemento 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>

bulletElemento 1
bulletElemento 2
bulletElemento 3
bulletListas 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:
bulletstart = num Indica que número será el primero de la lista. Si no se indica se entiende que empezará por el número 1.
bullettype = 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>

 

  1. Elemento 1
  2. Elemento 2
  3. 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>

 

  1. Este elemento vale 10
  2. Elemento siguiente
  3. Otro elemento más

bulletListas 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


Existen otros dos tipos de listas menos comunes. Las listas de Menú o Directorio se comportan igual que las listas sin numerar. La lista de Menú utiliza la etiqueta <MENU></MENU> y los elementos se anteceden de <LI> El resultado es una lista sin numerar más "compacta" es decir, con menos espacio interlineal entre los elementos. La lista de Directorio utiliza la etiqueta <DIR></DIR> y los elementos se anteceden de <LI>. Los elementos tienen un límite de 20 caracteres.

 

Atrás Arriba Siguiente


 © 1997-2009 Duiops (http://www.duiops.net)
 Prohibida la reproducción parcial o total de los textos o las imágenes.

 Para comentarios, usar las direcciones e-mail de contacto