Como su nombre lo indica, estos elementos nos serán muy útiles para listar cosas. Existen tres tipos de listas: Ordenadas, no ordenadas, y listas de definición. Dentro de los elementos que definen una lista se encuentran los elementos listados o elementos de lista. Veamos esto con los siguientes cuadros:
| Elemento | Etiqueta | Es de tipo: |
|---|---|---|
| Lista ordenada | <ol> | bloque |
| Lista no ordenada | <ul> | bloque |
| Lista de definición | <dl> | bloque |
Para definir su contenido se usan los siguientes elementos:
| Elemento | Etiqueta | Es de tipo: |
|---|---|---|
| Elemento de lista | <li> | bloque |
| Elemento a definir | <dt> | bloque |
| Definición | <dd> | bloque |
No está de más decir que los elementos de lista
<li> se pueden usar tanto en listas ordenadas
como no ordenadas. Los elementos <dt> y
<dd> sólo se pueden usar en listas de
definición.
Ninguno de estos elementos posee atributos exclusivos.
<ol>
<li>Primer elemento de la lista</li>
<li>Segundo elemento de la lista</li>
<li>Tercer elemento de la lista</li>
</ol>
Y se verá más o menos así:
<ul>
<li>Primer elemento de la lista</li>
<li>Segundo elemento de la lista</li>
<li>Tercer elemento de la lista</li>
</ul>
Y se verá más o menos así:
Es posible anidar listas ordenadas y no ordenadas entre sí. De manera que un elemento de lista puede contener a otra lista dentro de ella. Hay que tener mucho cuidado con el anidamiento, pues las listas no deben nunca solaparse. Sí podrá estar una lista dentro de otra, pero nunca solapadas.
<dl>
<dt>Primer termino a definir</dt>
<dd>Primera definición</dd>
<dt>Segundo termino a definir</dt>
<dd>Segunda definición</dd>
</dl>
Obteniendo algo como esto:
Haz click aquí para ver el ejemplo de listas