HTML列表

Una forma di contenitore che carica testo o grafici si chiama elenco; la caratteristica principale dell'elenco è l'ordinamento, l'organizzazione e l'ordine.

HTML supporta elenchi ordinati, non ordinati e personalizzati:

HTML列表

Esempio online

Elenco non ordinato
Questo esempio dimostra l'elenco non ordinato.

Elenco ordinato
Questo esempio dimostra l'elenco ordinato.

Elenco non ordinato HTML

Un elenco non ordinato è una lista di elementi, i quali sono contrassegnati con punti grassetti (tipicamente piccoli cerchi neri).

Gli elenchi non ordinati utilizzano il tag <ul>

<ul>
<li>Elemento dell'elenco 1</li>
<li>Elemento dell'elenco 2</li>
</ul>

Il browser visualizza il seguente:

• Elemento dell'elenco 1

• Elemento dell'elenco 2

Elenco ordinato HTML

Analogamente, gli elenchi ordinati sono una lista di elementi, i quali sono contrassegnati con numeri. Gli elenchi ordinati iniziano con il tag <ol>. Ogni elemento dell'elenco inizia con il tag <li>.

Gli elementi dell'elenco sono contrassegnati con numeri.

<ol>
<li>Elemento dell'elenco 1</li>
<li>Elemento dell'elenco 2</li>
</ol>

Il browser visualizza il seguente:

1. Elemento dell'elenco 1

2. Elemento dell'elenco 2

Elenco personalizzato HTML

Un elenco personalizzato non è solo una lista di elementi, ma una combinazione di elementi e loro annotazioni.

Un elenco personalizzato inizia con il tag <dl>. Ogni elemento dell'elenco personalizzato inizia con <dt>. Ogni definizione dell'elemento dell'elenco personalizzato inizia con <dd>.

<dl>
<dt>Primavera</dt>
<dd>- È arrivata la primavera, ovunque c'è un'aria di primavera</dd>
<dt>Autunno</dt>
<dd>- Le foglie degli alberi dell'autunno diventano gialle, l'autunno è la stagione della raccolta</dd>
</dl>

Il browser visualizza il seguente:

• Primavera

• - È arrivata la primavera, ovunque c'è un'aria di primavera.

• Autunno

• - Le foglie degli alberi dell'autunno diventano gialle, l'autunno è la stagione della raccolta.

Considerazioni - suggerimenti utili

Suggerimento: all'interno degli elementi dell'elenco possono essere utilizzati paragrafi, newline, immagini, link e altri elenchi, ecc.

Più esempi

Diversi tipi di elenchi ordinati
Questo esempio dimostra diversi tipi di elenchi ordinati.

Diversi tipi di elenchi non ordinati
Questo esempio dimostra diversi tipi di elenchi non ordinati.

Elenco annidato
Questo esempio dimostra come annidare gli elenchi.

Elenco annidato 2
Questo esempio dimostra un elenco annidato più complesso.

Elenco personalizzato
Questo esempio dimostra un elenco definito.

Tag elenco HTML