Listas

Listas

Las listas son grupos de párrafos a los que se aplica un formato de presentación común, que consiste en diferentes combinaciones de una marca especial junto con un sangrado de párrafo.

HTML ofrece cuatro tipos diferentes de listas:

<UL> Listas desordenadas,. Cada elemento de la lista incluye una marca de párrafo (generalmente un punto grande), y un margen interior.

<OL> Listas ordenadas, como las anteriores, salvo que la marca de párrafo se sustituye por un número de orden.

<MENU> Menús, que son listas desordenadas, que se presentan de una forma más compacta que las desordenadas (esto depende del cliente; la mayoría las muestra como <UL>).

<DIR> Lista de elementos cortos, que un cliente WWW puede optar por mostrar en columnas paralelas (esto depende del cliente, la mayoría las muestra como <UL>).

Para crear una lista, se selecciona el tipo deseado, y se insertan los códigos de principio y final correspondientes, con las etiquetas mencionadas. Para marcar cada uno de los elementos, se utiliza la etiqueta <LI>. Como con los párrafos, no es necesario incluir los caracteres </LI> de cierre. <H3>Lista desordenada UL</H3>
<UL>
<LI>Para incluir elementos, se utiliza <TT><LI></TT>.
<LI>Si hay mucho texto, se incluye un sangrado automático. Esto es un poco mas de rollo para ver como queda.
<LI>Y otro elemento
</UL>
<H3>Lista ordenada OL</H3>
<OL>
<LI>Para incluir elementos, se utiliza <TT><LI></TT>.
<LI>Si hay mucho texto, se incluye un sangrado automático. Esto es un poco mas de rollo para ver como queda.
<LI>Y otro elemento
</OL>

Normas de enlazado con otras etiquetas:

Puede contener: elementos <LI>, elementos de formato de caracteres, párrafos, BLOCKQUOTEs, preformateados y formularios.
Puede estar dentro de párrafos, BLOCKQUOTEs, preformateados y formularios.

Como puede verse en la siguiente imagen, la presentación que la mayoría de los browsers hacen de las listas MENU y DIR es muy similar a las listas <UL>

Listas anidadas

Las listas se pueden anidar, con listas del mismo tipo, o de tipos diferentes. Las listas interiores presentarán sangrados adicionales, respecto a la anterior. Como siempre, es muy importante respetar las normas de anidado de etiquetas HTML.

Algunos browsers cambian la marca de párrafo de las listas desordenadas, en función del nivel de anidamiento de la misma.

<H3>Indice del libro</H3>
<OL><LI>Introducción
<LI>Las redes de comunicaciones
<LI>Los servicios de Internet
<UL><LI>Terminal Virtual
<LI>Transferencias de ficheros
<LI>Mensajería
<UL><LI>Email
<LI>Talk
</UL>
</UL>
</OL>

Opciones para las listas

Existen algunas opciones que añaden un mayor control a la presentación de las listas que están contenidas en HTML 3.2.

<OL> </OL>	Define una lista ordenada.
	START=	Especifica el número de orden del primer elemento de la lista.
	TYPE=" "	Tipo de numeración a emplear en todos los elementos de la lista. Puede tomar los valores: A: Letras en mayúscula a: Letras en minúscula I: Números romanos en mayúscula i: Números romanos en minúscula 1: Números

<UL> </UL>	Define una lista desordenada.
	TYPE=" "	Formato de la marca de párrafo para toda la lista. Puede tomar los valores: circle: lista desordenada con círculos huecos disc: lista desordenada con círculos rellenos square: lista desordenada con cuadrados rellenos

<LI>	Indica el inicio de un nuevo elemento en de una lista.
	VALUE=	Altera el número de índice del elemento de una lista ordenada.
	TYPE=" "	Modifica la marca de párrafo en este elemento. Puede tomar los valores: A: Letras en mayúscula a: Letras en minúscula I: Números romanos en mayúscula i: Números romanos en minúscula 1: Números circle: lista desordenada con círculos huecos disc: lista desordenada con círculos rellenos square: lista desordenada con cuadrados rellenos

<OL TYPE=I START=2>
<LI>En esta lista
<LI VALUE=4>contamos de dos en dos
<LI VALUE=6>con números romanos
</OL>
Con los atributos de <LI> podemos alterar la presentación de la lista:
<UL>
<LI TYPE=disc>Primera línea
<LI TYPE=square>Segunda línea
<LI TYPE=circle>Tercera línea
</UL>
<OL>
<LI TYPE=a>Primera línea
<LI TYPE=A>Segunda línea
<LI TYPE=i>Tercera línea
</OL>

Glosarios de términos

Se trata de una lista especialmente preparada para realizar un glosario de términos, en el que junto a cada elemento, se incluye una descripción del mismo. Sigue las mismas reglas que el resto de las listas, en cuanto a las normas de anidamiento de elementos.

<DL> </DL>

Marca el inicio y final de la lista de términos.

<DT> </DT>

Marca un párrafo como término (una sola línea). No es obligatoria la marca de final.

<DD> </DD>

Marca un párrafo como definición (puede tener varias líneas, empleado etiquetas BR). No es obligatoria la marca de final.

<DL>
<DT>UL<DD>Listas 'desordenadas'. Cada elemento de la lista incluye una marca de párrafo (generalmente un punto grande), y un margen interior (como esta lista).
<DT>OL<DD>Listas 'ordenadas', como las anteriores, salvo que la marca de párrafo se sustituye por un número de orden.
</DL>