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.

TipoDescripció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