LISTE
Per creare una lista contrassegnata da punti devi inserire un tag <ul> e un tag </ul> all'inizio e alla fine della lista.
Le liste contrassegnate da numeri hanno i tag <ol> invece di <ul>.
Per separare le singole voci della lista, usa i tag <li> e </li>.
Ci sono particolari attributi che puoi adoperare per personalizzare le liste sulla tua pagina.
Nelle due pagine seguenti troverai notizie più dettagliate sulle liste a punti e su quelle numerate.
Guarda questi esempi e il modo in cui sui ottengono.
CODICE HTML |
SPIEGAZIONE / ESEMPIO |
<ul> |
Crea una lista a punti usando il tipo di punto del default:
|
<ul type="disc"> |
Inizia una lista a punti usando dischi come punti:
|
<ul type="circle"> |
Inizia una lista a punti usando cerchi come punti:
|
<ul type="square"> |
Inizia una lista a punti usando quadrati come punti:
|
Questa pagina mostra come si possono creare diversi tipi i liste a numeri.
Queste sono le opzioni numeriche disponibili:
In aggiunta a queste opzioni puoi specificare il numero di partenza della lista. Il valore di default per le liste a numeri è 1 (o la lettera A).
Guarda questi esempi e il modo in cui sui ottengono.
CODICE HTML |
SPIEGAZIONE / ESEMPIO |
<ol> |
Crea una lista a numeri usando il valore di default:
|
<ol start="5"> |
Inizia una lista a numeri, partendo dal n. 5.
|
<ol type="A"> |
Inizia una lista a numeri, usando lettere maiuscole.
|
<ol type="a"> |
Inizia una lista a numeri, usando lettere minuscole.
|
<ol type="I"> |
Inizia una lista a numeri, usando numeri romani maiuscoli.
|
<ol type="i"> |
Inizia una lista a numeri, usando numeri romani minuscoli.
|
<ol type="1"> |
Inizia una lista a numeri, usando numeri normali.
|
<ol type="I" start="7"> |
Un esempio di come type (tipo) e start (inizio) possono essere combinati.
|
Esempio di lista + lista "nestata":
<ol> <li>ecco <li>ecco <ul> <li>testo 1 <li>testo 2 <li>testo 3 <ol type="a"> <li>bla <li>bla </ol> </ul> <li>ecco </ol> |
3. ecco |