33. Listas ordenadas

Una lista ordenada comienza con la etiqueta <ol>. Cada elemento de la lista comienza con la etiqueta <li>. Los elementos de la lista se marcarán con números de forma predeterminada.

Ejm

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Lista HTML ordenada: el atributo type

El atributo de tipo de la etiqueta <ol> define el tipo de marcador de elemento de lista.

Tipo Descripción
type=”1″ Los elementos de la lista se enumerarán con números (predeterminado)
type=”A” Los elementos de la lista estarán numerados con letras mayúsculas
type=”a” Los elementos de la lista estarán numerados con letras minúsculas
type=”I” Los elementos de la lista se numerarán con números romanos en mayúsculas
type=”i” Los elementos de la lista se numerarán con números romanos en minúsculas

Ejm

<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Control de lista

De manera predeterminada, una lista ordenada comenzará a contar desde 1. Si deseas comenzar a contar desde un número específico, puedes usar el atributo start.

Ejm

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Listas anidadas

Puedes anidar una lista dentro de otra.

Ejm

<ol>
  <li>Coffee</li>
  <li>Tea
    <ol>
      <li>Black tea</li>
      <li>Green tea</li>
    </ol>
  </li>
  <li>Milk</li>
</ol>
Scroll al inicio