Listas en HTML

Una forma de presentar un texto es mediante las llamadas listas. Las listas, como su propio nombre indica, se basan en la presentación del texto de forma enumerada, que puede ser de diferentes formas y estilos, como vamos a ver a continuación.

<ol>
<li>Primero
<li>Segundo
<li>Tercero
</li></ol>

1. Primero
2. Segundo
3. Tercero

La etiqueta <ol>y </ol>sirve para definir este tipo de listas, ordenadas (ol son las iniciales de ordered list), y cada uno de los elementos de la lista vienen encabezados por la etiqueta <li>(que no necesita cerrarse).

Hemos utilizado la etiqueta <ul> y </ul>(unordered list) que sirve para definir listas desordenadas, sin numerar. Tambien las hemos anidado.

<ul>
<li> Primero
<ol>
<li> a
<li> b
</ol>
<li> Segundo
<li> Tercero
</ul>

• Primero
  1. a
  2. b
• Segundo
• Tercero

Luego tenemos diferentes atributos:
Para ul tenemos type con los siguientes valores circle (circulo), square (cuadrado), disc (disco).
Para ol tenemos type con valores: 1 para numeros, a y A para alfabetica, i e I para romanos; y tambien tenemos star para especificar desde que valor queremos empezar.

Existe un tipo de listas "especiales" llamadas listas de definición, en las que cada elemento de la lista no viene precedido de nada, ni de números, ni de símbolos, ni de nada. Veamos un ejemplo:

<dl>
<dt> Los peces
<dd> Siempre están en el agua
<dt> Las aves
<dd> Generalmente saben volar (las gallinas no)
</dl>

Los peces

Siempre están en el agua

Las aves

Generalmente saben volar (las gallinas no)

Zaira