Modelos Especiales

Listas


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:Ficheros HTML
Ficheros de texto
Ficheros de imágenes
es posible automáticamente... Ficheros de sonido
1.1 Ficheros WAV
Ficheros de imágenes
2.1 Ficheros GIF
2.2 Ficheros BMP
no es posible automáticamente...
HTML define varios tipos de listas:
Listas sin orden, sin numeración: ,
Listas ordenadas, con numeración: ,
Listas de directorio, similares a las listas sin orden:,
Listas de menú , similares a las listas sin orden: ,
Listas de definición, típicamente un glosario: , ,
Cualquiera de los tipos de listas nombrados puede ser anidado. En el caso de las listas ordenadas no se consique una numeración escalonada al anidar una lista dentro de otra, como se vió en el ejemplo anterior. Las listas sin orden cambian el símbolo de comienzo al anidarse unasdentro de otras. Al final de esta página se muestran varios ejemplos de listas anidadas.
Como puede comprobar los primeros cuatro tipos de listas, denominados listas regulares, hacen uso de la marca . La cual se explica a continuación.

--------------------------------------------------------------------------------

LI
La marca es un elemento vacío, o sea, no requiere de marca de fin, y escomún a las denominadas listas regulares. La sintáxis general de estas listas será:

Primer elemento de la lista
Segundo elemento de la lista
...


--------------------------------------------------------------------------------

Listas sin orden

--------------------------------------------------------------------------------

UL
La marca permite generar listas noordenadas, 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: Ejemplo de lista no ordenada
Fichero HTML
Fichero de imagen
Fichero de sonido
Fichero de vídeo
Fichero de ejemplo
Ejemplo de lista no ordenada

Fichero HTML
Fichero de imagen
Fichero de sonido
Fichero de vídeoFichero de 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á: Primera línea
segunda línea

Primera línea
Segunda línea



También puede usarse el valor SQUARE. Así: Primera línea
segunda línea

Primera línea
Segunda línea




Inicio--------------------------------------------------------------------------------

Listas ordenadas

--------------------------------------------------------------------------------

OL
La marca se utiliza para una lista ordenada o numerada. Cada marca incrementará el número que se visualizará delante del elemento de la lista.
Ejemplo:

Ejemplo de lista ordenada
Fichero HTML
Fichero de imagen
Fichero desonido
Fichero de vídeo
Fichero de ejemplo
Ejemplo de lista ordenada

Fichero HTML
Fichero de imagen
Fichero de sonido
Fichero de vídeo
Fichero de 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 con lossiguientes 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.
Esto es una lista ordenada con letras mayúsculas:
Primera línea
Segunda línea
Tercera línea
Cuarta línea

Primera línea
Segunda línea
Tercera línea...