Tag <ol>

Definizione

Il tag <ol> in HTML è usato per la creazione di liste ordinate o numerate.

Per il corretto funzionamento degli elenchi, vanno aggiunte le singole voci con <li>, cioè i punti della lista. La lista creata con <ol> presenta voci numerate ed elencate secondo un preciso ordine.

<ol> è molto simile ad un altro tag HTML <ul> (pensato per liste non ordinate).

Le liste devono essere inserite tra il tag <body> e </body> del documento HTML.

Esempio:

Aggiungere:

Farina
Latte
Uova
Zucchero

<ol>

tag HTML

Crea liste ordinate o numerate.

Posizione:	<body>
Tag di chiusura:	Sì
Voci correlate:	<li>
Alternative:	<ul>

Esempio

<p>Aggiungere:</p> <ol> <li>Farina</li> <li>Latte</li> <li>Uova</li> <li>Zucchero</li> </ol>

Attributi

Il tag <ol> possiede regole di stile CSS predefinite. L'attributo CSS più importante è "list-style-type" che consente di modificare lo stile dei numeri:

list-style-type:	numbers (predefinito)
	lower-alpha (a-b-c)
	upper-alpha (A-B-C)
	lower-roman (i-ii-iii-iv)
	upper-roman (I-II-III-IV)
	none

Esempio inline CSS:

<ol style="list-style-type:lower-alpha;">
<li>Punto 1</li>
<li>Punto 2</li>
<li>Punto 3</li>
</ol>

Compatibilità

Tutti i moderni browser supportano questo elemento.

Approfondimento

In HTML si possono creare anche delle sottoliste. Basta inserire un nuovo tag di apertura <ul> (o <ol>) in un altro.

<ol>
<li>Punto 1</li>
<ol>
<li>Punto 1-1</li>
<li>Punto 1-2</li>
</ol>
<li>Punto 2</li>
<li>Punto 3</li>
</ol>