Además de los encabezados, párrafos y saltos de línea, el lenguaje HTML proporciona algunas otras estructuras basadas en texto, como son: las listas, que nos permiten enre otras cosas, representar elementos en un determinado orden de una manera sencilla.
Dentro de una lista se pueden incluir práctimente cualquiera de los demás elementos HTML, e igualmente una lista puede incluirse dentro de formularios, tablas, etc.
A pesar de que tenemos la posibilidad de definir varios tipos de listas, cada una de éstas tendrá elementos en común. Cada una de ellas estará determinada por sus correspondientes etiquetas de inicio y de fin (por ejemplo, < UL> y </UL> o <O > <O/> que variará según el tipo de lista de que se trate, y de la misma manera, cada elemento de la lista tendrá su propia etiqueta, ya sea <DT> y <DD> en las listas de definición o <LI> en los otros tipos de listas.
En HTML existen tres tipos distintos de listas:
1. Listas no ordenadas (no numeradas).
2. Listas ordenadas (numeradas).
3. Listas de definición.
Las listas no ordenadas (unordered lists) sirven para presentar cosas que, por no tener un orden o jerarquía determinada, no necesitan ir precedidas por un número. Su estructura es la siguiente:
<UL>
<LI>Punto 1
<LI>Punto 2
<LI>Punto 3
<LI>Punto 4
</UL>
La lista está dentro de la etiqueta <UL> y </UL>, y luego cada término va precedido de la etiqueta <LI> (list ítem). El aspecto de la lista anterior en el navegador es el siguiente:
· Punto 1
· Punto 2
· Punto 3
· Punto 4
Las listas se pueden anidar una dentro de otra. Por ejemplo:
<UL>
<LI> Cine
<UL> Star Wars
<LI> Psicosis
</UL>
<LI> Música.
<UL>
<LI> U2
<LI> Santana
</UL>
</UL>
Quedaría el siguiente resultado:
· Cine
- Star Wars
- Psicosis
· Música
- U2
- Santana
Las listas ordenadas (ordered lists) sirven para listar cosas en un orden determinado y se identifican con números. Su estructura es muy similar a la anterior, sólo que en el resultado aparecerá automáticamente un número para cada término listado.
<OL>
<LI> Primer ítem
<LI> Segundo ítem
<LI> Tercer ítem
<LI> Etc.
</OL>
El resultado es:
1. Primer ítem.
2. Segundo ítem.
3. Tercer ítem.
4. Etc.
La versión 4.0 de HTML permite usar el atributo TYPE para definir el tipo de numeración en la lista.
<OL TYPE="i">
<LI>Primer ítem
<LI>Segundo ítem
<LI>Tercer ítem
<LI>Etc.
</OL>
El resultado sería el siguiente:
i. Primer ítem.
ii. Segundo ítem.
iii. Tercer ítem.
iv. Etc.
Los valores aceptados por el atributo TYPE son los siguientes:
1 - Números por omisión: 1, 2, 3, etcétera.
A - Letras mayúsculas: A, B, C, etcétera.
a - Letras minúsculas: a, b, c, etcétera.
l - Números romanos en mayúsculas: I, II, III, etcétera.
i - Números romanos en minúsculas: i, ii, iii, etcétera.
Igual que las listas desordenadas, también se pueden anidar las listas ordenadas.
Listas de definición. Estas listas son apropiadas cuando es necesario incluir una definición del punto listado (como un glosario). Toda la lista debe ir englobada entre las etiquetas <DL> y </DL>. Y a diferencia de las listas anteriores, cada renglón de la lista consta de dos partes: el nombre del término a definir, que se consigue con la etiqueta <DT> (definition term); y la definición del término, que se consigue con la etiqueta <DD> (definition definition).
Por ejemplo:
<DL>
<DT> Término a definir
<DD> La definición de este término
<DT> Otro término a definir
<DD> La definición de este otro término
</DL>
Su resultado es:
Una cosa a definir.
La definición de esta cosa.
Otra cosa a definir.
La definición de esta otra cosa.
Como ya vimos antes, las listas se pueden anidar, e incluso combinar. Podemos combinar no ordenadas con ordenadas, ordenadas y de definición y no ordenadas, etcétera.
