Listas Ordenadas

Las listas ordenadas se utilizan cuando el orden de los elementos es importante. Cada elemento de la lista se muestra con un número o una letra para indicar su posición.

<ol>
  <li>Primer elemento</li>
  <li>Segundo elemento</li>
  <li>Tercer elemento</li>
</ol>

Características: Los elementos se muestran con números por defecto (1, 2, 3, ...). Podemos cambiar el tipo de marcador (números, letras, números romanos) usando el atributo type. Además acepta un atributo start para comenzar la numeración en un número diferente al 1.

<ol type="A" start="3">
  <li>Elemento A</li>
  <li>Elemento B</li>
  <li>Elemento C</li>
</ol>

Listas de Definición

Las listas de definición que se utilizan para presentar pares de términos y descripciones.

<dl>
  <dt>Término 1</dt>
  <dd>Descripción del término 1</dd>
  <dt>Término 2</dt>
  <dd>Descripción del término 2</dd>
</dl>

Utilizan <dt> para definir el término y <dd> para su descripción. Ideales para diccionarios, listas de características, o definiciones de términos.

Listas No Ordenadas

Las listas no ordenadas se usan cuando el orden de los elementos no es importante. Los elementos de la lista se presentan con un marcador (generalmente un punto).

<ul>
  <li>Primer elemento</li>
  <li>Segundo elemento</li>
  <li>Tercer elemento</li>
</ul>

Listas Anidadas

Las listas anidadas son listas que contienen otras listas dentro de sus elementos. Pueden ser listas ordenadas dentro de listas no ordenadas y viceversa.

<ul>
  <li>Elemento 1</li>
  <li>Elemento 2
    <ol>
      <li>Elemento 2.1</li>
      <li>Elemento 2.2</li>
    </ol>
  </li>
  <li>Elemento 3</li>
</ul>