Gli elenchi HTML vengono utilizzati per specificare elenchi di informazioni. Tutti gli elenchi possono contenere uno o più elementi di elenco. Esistono tre diversi tipi di elenchi HTML:

1. Elenco Ordinato o Elenco Numerato (ol)
2. Elenco non ordinato o elenco puntato (ul)
3. Elenco delle descrizioni o Elenco delle definizioni (dl)

Nota: possiamo creare un elenco all'interno di un altro elenco, che verrà definito elenco nidificato.

Elenco ordinato HTML o elenco numerato

Negli elenchi HTML ordinati, tutti gli elementi dell'elenco sono contrassegnati da numeri per impostazione predefinita. È noto anche come elenco numerato. L'elenco ordinato inizia con

tag e gli elementi dell'elenco iniziano con
1. etichetta.

 <ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol> 

Produzione:

1. Ariete
2. Bingo
3. Leo
4. Oracolo

Fare clic qui per i dettagli completi dell'elenco ordinato HTML. Elenco ordinato HTML

Elenco non ordinato o elenco puntato HTML

Nell'elenco HTML non ordinato, tutti gli elementi dell'elenco sono contrassegnati da punti elenco. È anche noto come elenco puntato. L'elenco Non ordinato inizia con

i tag e gli elementi dell'elenco iniziano con
• etichetta.

 <ul> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ul> 

Produzione:

• Ariete
• Bingo
• Leo
• Oracolo

Fare clic qui per i dettagli completi dell'elenco non ordinato HTML. Elenco non ordinato HTML

Elenco delle descrizioni HTML o Elenco delle definizioni

L'elenco Descrizione HTML è anche uno stile di elenco supportato da HTML e XHTML. È noto anche come elenco di definizioni in cui le voci sono elencate come un dizionario o un'enciclopedia.

L'elenco delle definizioni è molto appropriato quando si desidera presentare un glossario, un elenco di termini o un altro elenco di nomi-valori.

L'elenco delle definizioni HTML contiene i seguenti tre tag:

1. etichetta

   definisce l'inizio dell'elenco.
2. etichetta
   definisce un termine.
3. etichetta
   definisce il termine definizione (descrizione).

 <dl> <dt>Aries</dt> <dd>-One of the 12 horoscope sign.</dd> <dt>Bingo</dt> <dd>-One of my evening snacks</dd> <dt>Leo</dt> <dd>-It is also an one of the 12 horoscope sign.</dd> <dt>Oracle</dt> <dd>-It is a multinational technology corporation.</dd> </dl> 

Produzione:

Ariete

-Uno dei 12 segni dell'oroscopo.

Bingo

-Uno dei miei spuntini serali

Leo

-È anche uno dei 12 segni dell'oroscopo.

Oracolo

-È una multinazionale tecnologica.

Fare clic qui per i dettagli completi dell'elenco delle descrizioni HTML. Elenco delle descrizioni HTML

Elenco nidificato HTML

Un elenco all'interno di un altro elenco viene definito elenco annidato. Se desideri un elenco puntato all'interno di un elenco numerato, tale tipo di elenco verrà chiamato elenco nidificato.

Codice:

 Nested list <p>List of Indian States with thier capital</p> <ol> <li>Delhi <ul> <li>NewDelhi</li> </ul> </li> <li>Haryana <ul> <li>Chandigarh</li> </ul> </li> <li>Gujarat <ul> <li>Gandhinagar</li> </ul> </li> <li>Rajasthan <ul> <li>Jaipur</li> </ul> </li> <li>Maharashtra <ul> <li>Mumbai</li> </ul> </li> <li>Uttarpradesh <ul> <li>Lucknow</li></ul> </li> </ol> 

Produzione:

Browser di supporto

Elemento	Cromo	CIOÈ	Firefox	musica lirica	Safari
	SÌ	SÌ	SÌ	SÌ	SÌ