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:

  1. Farina
  2. Latte
  3. Uova
  4. Zucchero

 

<ol>

tag HTML

Crea liste ordinate o numerate.


Posizione: <body>
Tag di chiusura:
Voci correlate:
Alternative:

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:
  1. numbers (predefinito)
  1. lower-alpha (a-b-c)
  1. upper-alpha (A-B-C)
  1. lower-roman (i-ii-iii-iv)
  1. 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> 

 




Vai all'editor