Exemplo
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>
Tente você mesmo " Definição e Uso
O <ol> tag define uma lista ordenada. Uma lista ordenada pode ser numérica ou alfabética.
Use o <li> tag para definir os itens da lista.
Suporte a navegadores
Elemento | |||||
---|---|---|---|---|---|
<ol> | sim | sim | sim | sim | sim |
Dicas e Notas
Dica: Para uma lista não ordenada, use o <ul> tag.
Dica: Use CSS para estilizar listas.
Diferenças entre HTML 4.01 e HTML5
Os "Iniciar" e atributos "tipo" foram preterido em HTML 4.01, mas são suportados em HTML5.
O "reversed" atributo é novo em HTML5.
O "compact" atributo não é suportado no HTML5.
Atributos
= Novo em HTML5.
Atributo | Valor | Descrição |
---|---|---|
compact | compact | Não suportado em HTML5. Especifica que a lista deve tornar menor do que o normal |
reversed | reversed | Especifica que a ordem da lista deve ser descendente (9,8,7...) |
start | number | Especifica o valor inicial de uma lista ordenada |
type | 1 A a I i | Especifica o tipo de marcador para usar na lista |
Atributos globais
O <ol> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <ol> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
Tutorial HTML: listas de HTML
Referência HTML DOM: Ol Objeto
CSS Tutorial: Listas Styling
Configurações CSS padrão
A maioria dos navegadores irá exibir o <ol> elemento com os seguintes valores padrão:
Exemplo
ol {
display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}
Tente você mesmo "