Ejemplo
2 diferentes listas ordenadas:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol> Inténtalo tú mismo " Definición y Uso
La <ol> etiqueta define una lista ordenada. Una lista ordenada puede ser numérico o alfabético.
Utilice el <li> etiqueta para definir elementos de la lista.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <ol> | Sí | Sí | Sí | Sí | Sí |
Notas y sugerencias
Consejo: Para la lista no ordenada, utilice el <ul> etiqueta.
Consejo: Usar CSS para Estilo listas.
Diferencias entre HTML 4.01 y HTML5
Los atributos y "start", "tipo" fueron desaprobados en HTML 4.01, pero son compatibles con HTML5.
El "reversed" atributo es nuevo en HTML5.
El "compact" atributo no es compatible con HTML5.
atributos
= Nuevo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| compact | compact | No se admite en HTML5. Especifica que la lista debería mostrar más pequeño de lo normal |
| reversed | reversed | Especifica que el orden de la lista debe ser descendente (9,8,7...) |
| start | number | Especifica el valor inicial de una lista ordenada |
| type | 1 A a I i | Especifica el tipo de marcador que se utilizará en la lista |
Los atributos globales
La <ol> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <ol> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Tutorial de HTML: Las listas HTML
Referencia HTML DOM: Ol Objeto
CSS Tutorial: Estilos de listas
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <ol> elemento con los siguientes valores predeterminados:
Ejemplo
ol {
display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
} Inténtalo tú mismo "