Elenchi ordinati HTML
Il <ol>tag HTML definisce un elenco ordinato. Un elenco ordinato può essere numerico o alfabetico.
Elenco HTML ordinato
Un elenco ordinato inizia con il <ol>tag. Ciascun elemento dell'elenco inizia con il <li>tag.
Le voci dell'elenco saranno contrassegnate da numeri per impostazione predefinita:
Esempio
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Elenco HTML ordinato - L'attributo del tipo
L' typeattributo del <ol>tag, definisce il tipo di marcatore voce elenco:
| Type | Description |
|---|---|
| type="1" | The list items will be numbered with numbers (default) |
| type="A" | The list items will be numbered with uppercase letters |
| type="a" | The list items will be numbered with lowercase letters |
| type="I" | The list items will be numbered with uppercase roman numbers |
| type="i" | The list items will be numbered with lowercase roman numbers |
Numeri:
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Lettere maiuscole:
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Lettere minuscole:
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Numeri romani maiuscoli:
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Numeri romani minuscoli:
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Conteggio delle liste di controllo
Per impostazione predefinita, un elenco ordinato inizierà a contare da 1. Se desideri iniziare a contare da un numero specificato, puoi utilizzare l' startattributo:
Esempio
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Elenchi HTML nidificati
Gli elenchi possono essere nidificati (elenco all'interno dell'elenco):
Esempio
<ol>
<li>Coffee</li>
<li>Tea
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
Nota: una voce di elenco ( <li>) può contenere un nuovo elenco e altri elementi HTML, come immagini e collegamenti, ecc.
Riassunto capitolo
- Utilizzare l'
<ol>elemento HTML per definire un elenco ordinato - Utilizzare l'
typeattributo HTML per definire il tipo di numerazione <li>Utilizzare l' elemento HTML per definire una voce di elenco- Gli elenchi possono essere nidificati
- Gli elementi dell'elenco possono contenere altri elementi HTML
Tag elenco HTML
| Tag | Description |
|---|---|
| <ul> | Defines an unordered list |
| <ol> | Defines an ordered list |
| <li> | Defines a list item |
| <dl> | Defines a description list |
| <dt> | Defines a term in a description list |
| <dd> | Describes the term in a description list |
Per un elenco completo di tutti i tag HTML disponibili, visita il nostro Riferimento ai tag HTML .