Una lista permite organizar la totalidad o parte de un documento HTML estructurándolo de la forma más clara posible para hacerlo más perceptible al lector. Las listas se utilizan para dividir el documento asi como para efectuar numeraciones de objetos, pero la diferencia con los procesadores de texto es que no permite la numeración automática para niveles jerárquicos diferentes:
HTML define varios tipos de listas:
Cualquiera de los tipos de listas nombrados puede ser anidado. En el caso de las listas ordenadas no se consigue una numeración escalonada al anidar una lista dentro de otra, como se vio en el ejemplo anterior. Las listas sin orden cambian el símbolo de comienzo al anidarse unas dentro de otras.
Como puede comprobar los primeros cuatro tipos de listas, denominados listas regulares, hacen uso de la marca <LI>. La cual se explica a continuación.
LI
La marca <LI> es un elemento vacío, o sea, no requiere de marca de fin, y es común a las denominadas listas regulares. La sintaxis general de estas listas será:
Listas desordenadas UL
La marca <UL> permite generar listas no ordenadas, cada uno de los elementos de la lista irá precedido por un símbolo (fijo por defecto) que puede variar según el nivel de anidamiento de la lista.
Ejemplo:
Los puntos gruesos se pueden cambiar usando el atributo TYPE con tres valores (el valor por defecto es DISC). Con el valor CIRCLE se verá:
También puede usarse el valor SQUARE. Así:
Listas ordenadas OL
La marca <OL> se utiliza para una lista ordenada o numerada. Cada marca <LI> incrementará el número que se visualizará delante del elemento de la lista.
Ejemplo:
Las listas ordenadas no sólo se pueden ordenar con números. También se pueden utilizar letras y numeración romana tanto en mayúsculas como minúsculas. Para esto se utiliza el atributo TYPE del elemento <OL> con los siguientes valores:
TYPE=1 (por defecto) para números,
TYPE=A para letras mayúsculas,
TYPE=a para letras minúsculas,
TYPE=I para numeración romana en mayúsculas,
TYPE=i para numeración romana en minúsculas.
En algunos casos puede interesarnos que la lista no comience por el número 1 (por ejemplo si es una lista que continua en otra página). Se puede conseguir con el atributo START combinado con TYPE.
El número que se pone en el atributo START indica en que número o letra comenzará la lista. La E es la quinta letra.
Taller
Realiza en el block de notas un documento para visualizar un página en HTML similar a la muestra (Haz click aquí)