Gli ultimi tutorial di sviluppo web
 

HTML <ol> Tag


Esempio

2 diversi ordinato liste:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Prova tu stesso "

Definizione e utilizzo

Il <ol> tag definisce un elenco ordinato. Una lista ordinata può essere numerico o alfabetico.

Utilizzare la <li> tag per definire le voci di elenco.


Supporto per il browser

Elemento
<ol>

Suggerimenti e Note

Suggerimento: per lista non ordinata, utilizzare il <ul> tag.

Suggerimento: usare i CSS per lo stile liste.


Differenze tra HTML 4.01 e HTML5

"Start" e gli attributi "tipo" sono stati deprecati in HTML 4.01, ma sono supportati in HTML5.

Il "reversed" attributo è di nuovo in HTML5.

La "compact" attributo non è supportato in HTML5.


attributi

= Nuovo in HTML5.

Attributo Valore Descrizione
compact compact Non supportato in HTML5.
Specifica che l'elenco dovrebbe rendere più piccolo del normale
reversed reversed Specifica che l'ordine elenco dovrebbe essere discendente (9,8,7...)
start number Specifica il valore iniziale di una lista ordinata
type 1
A
a
I
i
Specifica il tipo di marcatore da utilizzare nella lista

attributi globali

Il <ol> tag supporta anche l' Attributi globali in HTML .


Attributi eventi

Il <ol> tag supporta anche l' evento Attributi in HTML .


Pagine correlate

HTML tutorial: liste HTML

Di riferimento HTML DOM: Ol Object

CSS Tutorial: Liste Styling


Impostazioni predefinite CSS

La maggior parte dei browser visualizzerà il <ol> elemento con i seguenti valori di default:

Esempio

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
Prova tu stesso "