Listas ordenadas HTML
La <ol>etiqueta HTML define una lista ordenada. Una lista ordenada puede ser numérica o alfabética.
Lista HTML ordenada
Una lista ordenada comienza con la <ol>etiqueta. Cada elemento de la lista comienza con la <li>etiqueta.
Los elementos de la lista se marcarán con números de forma predeterminada:
Ejemplo
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Lista HTML ordenada: el atributo de tipo
El typeatributo de la <ol>etiqueta define el tipo de marcador de elemento de lista:
| Type | Description |
|---|---|
| type="1" | The list items will be numbered with numbers (default) |
| type="A" | The list items will be numbered with uppercase letters |
| type="a" | The list items will be numbered with lowercase letters |
| type="I" | The list items will be numbered with uppercase roman numbers |
| type="i" | The list items will be numbered with lowercase roman numbers |
Números:
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Letras mayúsculas:
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Letras minusculas:
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Números romanos en mayúsculas:
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Números romanos en minúsculas:
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Conteo de lista 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 startatributo:
Ejemplo
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Listas HTML anidadas
Las listas se pueden anidar (lista dentro de lista):
Ejemplo
<ol>
<li>Coffee</li>
<li>Tea
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
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
- Use el elemento HTML
<ol>para definir una lista ordenada - Utilice el atributo HTML
typepara definir el tipo de numeración - Use 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
Etiquetas de lista HTML
| Tag | Description |
|---|---|
| <ul> | Defines an unordered list |
| <ol> | Defines an ordered list |
| <li> | Defines a list item |
| <dl> | Defines a description list |
| <dt> | Defines a term in a description list |
| <dd> | Describes the term in a description list |
Para obtener una lista completa de todas las etiquetas HTML disponibles, visite nuestra Referencia de etiquetas HTML .