Listas

Podemos representar elementos en forma de lista dentro de nuestros documentos de una forma muy sencilla y con una gran versatilidad. Estas listas podrán incluir cualquiera de los elementos HTML e incluso podemos definir listas anidadas, es decir, listas dentro de listas. HTML nos permite crear tres tipos distintos de listas:

·         Listas no numeradas

·         Listas numeradas

·         Listas de definiciones

Listas no numeradas: <UL> {UL: Unordered List}

Con este tipo de listas podemos especificar una serie de elementos sin un orden predeterminado,

precedidos de una marca o viñeta que nosotros mismos podemos definir. Para la definición de los límites de la lista utilizaremos la etiqueta <UL>.... </UL>, y para determinar cada uno de los

elementos que la componen usaremos la etiqueta <LI>. El formato es el siguiente:

<UL type="disk" ó "circle" ó "square">

   <LH>Título de la lista</LH>

   <LI>Elemento 1

   <LI>Elemento 2

   ....

   <LI>Elemento n

</UL>

{LH: List Head} {LI: List Item}

 

Con el atributo type vamos a especificar el tipo de marca o viñeta que antecederá a cada uno de los elementos de la lista. Estas marcas podrán ser: un disco (disk), un círculo (circle) o un cuadrado (square). La etiqueta <LH> nos va a servir para especificar un posible título de la lista, siendo esta opcional.

Ejemplo

Listas numeradas: <OL> {OL: Ordered List}

Con este tipo de listas podemos especificar una serie de elementos numerados según el lugar que ocupan en la lista. Para la definición de los límites de la lista utilizaremos la etiqueta <OL>.... </OL>,

y para determinar cada uno de los elementos que la componen usaremos la etiqueta <LI>. El formato es el siguiente:

<OL start="n" type="Tipo de lista">

   <LH>Título de la lista</LH>

   <LI>Elemento 1

   <LI>Elemento 2

   ....

   <LI>Elemento n

</OL>

Con el atributo start vamos a especificar el número por el que va a empezar la lista. Si no

indicamos este argumento la lista empezará a numerarse a partir del 1. Con el atributo type vamos a especificar el tipo de lista numerada. Sus posibles valores aparecen a continuación

A: Letras mayúsculas (A, B, C, ...)

a: Letras minúsculas (a, b, c, ...)

I: Números romanos en mayúsculas (I, II, III, IV, ...)

i: Números romanos en minúsculas (i, ii, iii, iv, ...)

1: Numéricamente (1, 2, 3, 4, ....) (es la numeración por defecto y por tanto no habría que

indicarla).

 

Ejemplo

Listas de definiciones: <DL> {DL: Definition List}

Estas listas nos van a servir para especificar una serie de términos y sus definiciones correspondientes.

Para la definición de la lista usaremos la etiqueta <DL>.... </DL>, para especificar los términos usaremos la etiqueta <DT> y para especificar la definición correspondiente a cada término usaremos la etiqueta <DD>. El formato es el siguiente:

<DL>

   <LH>Título de la lista</LH>

   <DT>Término 1

   <DD>Definición 1

   <DT>Término 2

   <DD>Definición 2

   ....

   <DT>Término n

   <DD>Definición n

   </DL>

{DT: Definition Term} {DD: Definition Description}