Existen tres tipos de listas:
- Listas desordenadas.
- Listas ordenadas.
- Listas de definiciones.
Listas desordenadas
Para crear listas desordenadas se utilizarán las etiquetas ul y li. Con la etiqueta ul se delimitará la lista, y con la etiqueta li se delimitarán los elementos de la lista.
Este es el código XHTML de una lista desordenada (ver resultado en el navegador):
<ul>
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
</ul>Listas ordenadas
Se trata de listas numeradas. Funcionan de la misma forma que las ordenadas, pero cambiando la etiqueta ul por la etiqueta ol.
Este es el código XHTML de una lista ordenada (ver resultado en el navegador):
<ol>
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
</ol>Listas de definiciones
Las listas de definiciones quedan delimitadas mediante la etiqueta dl. Cada elemento de la definición se divide en dos partes:
- El término, delimitado por la etiqueta
dt. - La definición delimitada por la etiqueta
dd.
Este es el código XHTML de una lista de definiciones (ver resultado en el navegador):
<dl>
<dt>Término 1.</dt>
<dd>Texto asociado al término 1.</dd>
<dt>Término 2.</dt>
<dd>Texto asociado al término 2.</dd>
<dt>Término 3.</dt>
<dd>Texto asociado al término 3.</dd>
</dl>Artículo relacionado: XHTML: Listas anidadas.