Existen 3 tipos de listas. Generalmente los desarrolladores usamos dos tipos de listas, las ordenadas y las desordenadas, y después existe una tercera lista, denominada lista de definición.
Listas ordenadas
Su etiqueta es <ol> (ordened list). Cada uno de los elementos (items) que componen esta lista utilizan la etiqueta <li> (list item).
Ejm
<ol> <li>Enero</li> <li>Febrero</li> <li>Marzo</li> </ol>
Si queremos que nuestra lista empezara en un número diferente incluimos el atributo start con el número por el que queramos que empiece. Para tener una lista con el orden inverso agregamos un atributo denominado reversed. Mediante el atributo type cambiamos el tipo en que se mostrarán los números (arábicos, romanos…)
Listas desordenadas
Son las famosas listas con viñetas (o con bullets), se usan mediante la etiqueta <ul> (unoredered list).
Ejm
<ul> <li>Enero</li> <li>Febrero</li> </ul>
Podemos también utilizar el atributo type, el cual tiene algunos valores que podemos dar a nuestro tipo de lista. Los tipos de lista son:
- type=”disc”
- type=”square”
- type=”circle”
Listas de definición
Son las menos utilizadas, se utilizan para glosarios de términos. Tienen la siguiente sintaxis.
Ejm
<dl> (definition list) <dt>Término</dt> (definition term) <dd>Definición del término</dd> (definition data) </dl>
Habrá una pequeña indentación entre <dt> y <dd>.