tutoriais mais recente desenvolvimento web
 

HTML <ol> Tag


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 "