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.
Vemos
a continuación un ejemplo de una lista:
- Primero
- Segundo
- Tercero
Esta lista la hemos construido con el siguiente código HTML (sólo
se muestra el código HTML que va dentro de la etiqueta <body>,
para simplificar):
<ol>
<li> Primero
<li> Segundo
<li> Tercero
</ol>
La
etiqueta <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).
Una
propiedad importante de las listas es que permiten el anidamiento, es
decir, se puede insertar una lista dentro de otra lista, como podemos
ver en el siguiente ejemplo:
<ul>
<li> Primero
<ol>
<li> a
<li> b
</ol>
<li> Segundo
<li> Tercero
</ul>
Que
produce el siguiente resultado:
En este segundo ejemplo de listas, hemos utilizado la etiqueta <ul>
(unordered list) que sirve para definir listas desordenadas,
sin numerar.
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>
Que
produce el siguiente resultado en nuestro navegador:
