Listas (X)HTML

Existen tres tipos de listas, para organizar el contenido, tenemos las listas enumeradas, listas en viñetas y listas de definición, utilizadas en función a la información que contendran.

ol, ul, dl

Listas enumeradas - ol

Sirven para marcar listas según orden o importancia, las listas se marcan con el elemento ol y cada línea de la lista con li, por ejemplo haciendo una lista de navegadores:

<ol>
<li>Firefox</li>
<li>Chrome</li>
<li>Explorer</li>
<li>Opera </li>
<li>Safari </li>
</ol>

El cual se vería:

Listas con viñetas - ul

Sirven para marcar listas donde el contenido de cada línea de la lista tiene igual valor o importancia, las listas se marcan con el elemento ul y cada línea de la lista con li, por ejemplo haciendo una lista de lenguajes de marcado:

<ul>
<li>xml</li>
<li>html</li>
<li>xhtml</li>
</ul>

El cual se vería:

Listas de definición - dl

Empleado para marcar listas de palabras con su respectiva definición, toda la lista se encierra entre la etiquetas <dl></dl>, las palabras se marcan con <dt></dt> y las definiciones por <dd></dd> por ejemplo:

<dl>
<dt>Sitio web</dt>
<dd>conjunto de páginas web relacionadas entre si.</dd>
<dt>Navegador</dt>
<dd>Programa para acceder a la información de internet.</dd>
<dl>

El cual se vería: