Le liste numerate all’interno di una pagina web sono molto utilizzate, ad esempio per elencare i passaggi da fare per effettuare un login.
Come inserire una lista numerata
Per inserire una lista numerata si utilizza il tag <ol> per racchiudere l’elenco e per i singoli punti si utilizza <li>.
<h1>Come eseguire il login</h1>
<ol>
<li>Vai alla pagina di login</li>
<li>Inserisci email e password</li>
<li>Clicca ‘Accedi’</li>
</ol>
Tipi di liste numerate
Esistono diversi tipi di liste numerate. Si può, infatti, cambiare il metodo di numerazione: nel tag <ol> puoi inserire l’attributo type=”valore” per specificare il tipo di lista.
Il tipo “1” (standard)
Inserendo type="1", la lista verrà numerata con i numeri.
<h1>Come eseguire il login</h1>
<ol type="1">
<li>Vai alla pagina di login</li>
<li>Inserisci email e password</li>
<li>Clicca ‘Accedi’</li>
</ol>
Il tipo “a” o “A”
Inserendo type="a", la lista verrà numerata con le lettere minuscole.
<h1>Come eseguire il login</h1>
<ol type="a">
<li>Vai alla pagina di login</li>
<li>Inserisci email e password</li>
<li>Clicca ‘Accedi’</li>
</ol>
Inserendo type="A", la lista verrà numerata con le lettere maiuscole.
<h1>Come eseguire il login</h1>
<ol type="A">
<li>Vai alla pagina di login</li>
<li>Inserisci email e password</li>
<li>Clicca ‘Accedi’</li>
</ol>
Il tipo “i” o “I”
Inserendo type="i", la lista verrà numerata con i numeri romani minuscoli.
<h1>Come eseguire il login</h1>
<ol type="i">
<li>Vai alla pagina di login</li>
<li>Inserisci email e password</li>
<li>Clicca ‘Accedi’</li>
</ol>
Inserendo type="I", la lista verrà numerata con i numeri romani maiuscoli.
<h1>Come eseguire il login</h1>
<ol type="I">
<li>Vai alla pagina di login</li>
<li>Inserisci email e password</li>
<li>Clicca ‘Accedi’</li>
</ol>
| Prossima lezione |