En HTML podemos tener listas sin orden específico (usualmente las conocemos como viñetas), listas con orden (numeradas) y listas de definición.

Las listas sin orden son listas donde todos los ítemes de la misma aparecen en pantalla marcados con una viñeta. Para definir esta lista y sus ítemes, utilizamos las etiquetas <ul> y <li> respectivamente, como se muestra en este ejemplo:

<ul>
  <li>Primer ítem</li>
  <li>Segundo ítem</li>
  <li>Tercer ítem</li>
</ul>

Figura 2.5. Visualización de lista sin orden

Por otro lado, están las listas ordenadas donde no se muestran viñetas sino una numeración consecutiva en números arábigos. Este es un ejemplo:

<ol>
  <li>Primer ítem</li>
  <li>Segundo ítem</li>
  <li>Tercer ítem</li>
</ol>

Figura 2.6. Visualización de lista ordenada

El último tipo de lista de la cual se dispone en HTML es el de listas de definición, donde se tienen ítemes que corresponden a la estructura de términos con su respectiva definición, de forma que cada ítem es una pareja de elementos, así:

<dl>
  <dt>Primer término</dt>
  <dd>Su definición</dd>

  <dt>Segundo término</dt>
  <dd>Su definición</dd>

  <dt>Tercer término</dt>
  <dd>Su definición</dd>
</dl>

Esta lista se observaría de la forma que se presenta en la Figura 2.7, “Visualización de lista de definición simple”.

Figura 2.7. Visualización de lista de definición simple