Listas en lenguaje html.

¿Cómo hacer listas en formato html? 

Ejemplo de los tres tipos de listas.

Vamos a solventar esa duda. Partimos de la base de que existen tres clases de listas, a saber, las "desordenadas", las "ordenadas" y las de "definición", que deben especificarse dentro del body de nuestra página web.

El primer tipo se indica con <ul> (cerrándose con </ul> al finalizar la enumeración), del inglés "unordered list". Los elementos enumerados se listan mediante puntos. Cada elemento debe ir precedido de <li>. Por ejemplo:

<ul>

<li> Primer elemento.

<li> Segundo elemento.

<li> Tercer elemento.

</ul>

De esta forma, se vería de la forma que sigue:

• Primer elemento.
• Segundo elemento.
• Tercer elemento.

La segunda clase se indica con <ol> (cerrándose con </ol> al finalizar la enumeración), del inglés "ordered list". Los elementos enumerados se listan mediante números. Cada elemento debe ir precedido de <li>. Por ejemplo:

<ol>

<li> Primer elemento.

<li> Segundo elemento.

<li> Tercer elemento.

</ol>

De esta forma, se vería de la forma que sigue:

1. Primer elemento.
2. Segundo elemento.
3. Tercer elemento.

Mediante los siguientes atributos de la etiqueta <ol> es posible: elegir el número con el que comienza el listado utilizando start="nº" (siendo nº el número escogido); y elegir la clase de enumeración que se desea usando type="". Si entre las dobles comillas situamos un 1, aparecen números arábigos; si es una a o A, se utilizan letras minúsculas o mayúsculas respectivamente; y, si es una i o I, se enumeran los elementos con números romanos en minúsculas o mayúsculas respectivamente.

Además, value="nº" (un atributo de <li>) permite modificar el número que se asigna a cada elemento a partir de aquel en que lo utilicemos.

Finalmente, las listas de definición, determinadas por <dl> (y cerradas con </dl>) no utilizan <li>, sino <dt> y, posteriormente, <dd>. Por ejemplo:

<dl>

<dt> Elemento 1<dd>Primer elemento.

<dt> Elemento 2<dd>Segundo elemento.

<dt> Elemento 3<dd>Tercer elemento.

</dl>

De esta forma, se vería de la forma que sigue:

Elemento 1

            Primer elemento.

Elemento 2
            Segundo elemento.

Elemento 3
            Tercer elemento.