HTML - Elenchi puntati e numerati

In HTML è possibile inserire elenchi puntati e numerati.

ELENCHI PUNTATI
Per inserire un elenco puntato è necessario utilizzare il tag <ul> con il corrispettivo tag di chiusura </ul>
Inoltre all'interno del tag <ul> e </ul> si inseriscono gli elementi dell'elenco utilizzando il tag <li> con il corrispettivo tag di chiusura </li>

Esempio 1-2:

Risultato 1:

• primo elemento
• secondo elemento
• terzo elemento

Risultato 2:

• primo della 1a lista
• secondo della 1a lista
  • primo della 2a lista
  • secondo della 2a lista
    • primo della 3a lista
  • terzo della 2a lista

---

ELENCHI NUMERATI
Per inserire un elenco numerato è necessario utilizzare il tag <ol> con il corrispettivo tag di chiusura </ol>
Inoltre all'interno del tag <ol> e </ol> si inseriscono gli elementi dell'elenco utilizzando il tag <li> con il corrispettivo tag di chiusura </li>

Esempio:

Risultato:

1. primo elemento
2. secondo elemento
3. terzo elemento

Come possiamo vedere gli elementi dell'elenco sono racchiusi tra i tag <li> e </li> mentre per differenziare gli elenchi puntati da quelli numerati sono i tag <ul> per i puntati e <ol> per quelli numerati.

---

TIPI DI ELENCHI NUMERATI
L'attributo type applicato al tag <ol> serve per specificare il tipo di enumerazione che vogliamo applicare. Se non specifichiamo alcun type l'elenco è numerico, ma è possibile modificarlo con lettere o numeri romani.

L'attributo type va indicato all'interno del tag <ol> in questo modo Valori che può assumere l'attributo type:
type="1" -> Numeri arabi
type="I" -> Numeri romani
type="a" -> Lettere minuscole
type="A" -> Lettere maiuscole

Esempio:

Risultato:

1. Primo livello
   1. Secondo livello
      1. Terzo livello
      2. Terzo livello
   2. Secondo livello
2. Primo livello

---

GESTIRE LA NUMERAZIONE
Può capitare che  bisogna interrompere un elenco ad esempio per inserire un'immagine e poi riprendere la numerazione subito dopo l'immagine inserita.
start
L'attributo start fa partire la numerazione da un numero diverso da 1 e si applica al tag <ol>
Esempio: Risultato:

10. elemento
11. elemento
12. elemento

---

value
L'attributo value fa partire la numerazione da un numero diverso da 1 e si applica al tag <li> solo se all'interno del tag <ol> e NON <ul>
Esempio: Risultato:

1. elemento
2. elemento
3. elemento
4. elemento
20. elemento
21. elemento
22. elemento