HTML Listas ordenadas
La etiqueta HTML <ol> define una lista ordenada. Una lista ordenada puede ser numérica o alfabética.
Lista HTML ordenada
Una lista ordenada comienza con la etiqueta <ol>. Cada elemento de la lista comienza con la etiqueta <li>.
Los elementos de la lista estarán marcados con números de forma predeterminada:
Listo HTML ordenado: el atributo de tipo
El atributo type de la etiqueta <ol> define el tipo de marcador de elemento de lista:
| Tipo | Descripción |
|---|---|
| type="1" | Los elementos de la lista estarán numerados 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 estarán numerados con números romanos en mayúsculas |
| type="i" | Los elementos de la lista se numerarán con números romanos en minúscula |
Números romanos en mayúsculas:
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Try it Yourself »
Números romanos en minúscula:
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Try it Yourself »
Conteo de listas de control
De forma predeterminada, una lista ordenada comenzará a contar desde 1. Si desea comenzar a contar desde un número específico, puede usar el atributo start:
Listas HTML anidadas
Las listas se pueden anidar (lista dentro de la lista):
Ejemplo
<ol>
<li>Coffee</li>
<li>Tea
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
Try it Yourself »
Nota: Un elemento de lista (<li>) puede contener una nueva lista y otros elementos HTML, como imágenes y enlaces, etc.
Resumen del capítulo
- Utilice el elemento HTML
<ol>para definir una lista ordenada - Utilice el atributo HTML
typepara definir el tipo de numeración - Utilice el elemento HTML
<li>para definir un elemento de lista - Las listas se pueden anidar
- Los elementos de la lista pueden contener otros elementos HTML
HTML Etiquetas de lista
| Etiqueta | Descripción |
|---|---|
| <ul> | Define una lista desordenada |
| <ol> | Definir una lista ordenada |
| <li> | Define un elemento de lista |
| <dl> | Define una lista de descripción |
| <dt> | Define un término en una lista de descripción |
| <dd> | Describe el término en una lista de descripción |
Para obtener una lista completa de todas las etiquetas HTML disponibles, visite nuestra Referencia de etiquetas HTML.
