XHTML: creación de listas (ordenadas, desordenadas y de definiciones)

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.

Referencia y enlaces relacionados