Liste HTML

HTML supporta elenchi ordinati, non ordinati e elenchi definiti

Esempi

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

（Più esempi si possono trovare nella parte inferiore di questa pagina。）

Elenco non ordinato

L'elenco non ordinato è una lista di elementi, ognuno dei quali è contrassegnato da un punto rotondo in grassetto (tipicamente un piccolo cerchio nero).

L'elenco non ordinato inizia con il tag <ul>. Ogni voce dell'elenco inizia con il tag <li>.

<ul>
<li>Caffè</li>
<li>Latte</li>
</ul>

Il browser visualizza quanto segue:

  • Caffè
  • Latte

All'interno dell'elemento dell'elenco possono essere utilizzati paragrafi, interruzioni di riga, immagini, link e altri elenchi, ecc.

Elenco ordinato

Anche gli elenchi ordinati sono una colonna di elementi, i quali sono marcati con numeri.

Gli elenchi ordinati iniziano con il tag <ol>. Ogni elemento dell'elenco inizia con il tag <li>.

<ol>
<li>Caffè</li>
<li>Latte</li>
</ol>

Il browser visualizza quanto segue:

  1. Caffè
  2. Latte

All'interno dell'elemento dell'elenco possono essere utilizzati paragrafi, interruzioni di riga, immagini, link e altri elenchi, ecc.

Elenco definito

I elenchi personalizzati non sono solo una colonna di elementi, ma una combinazione di elementi e loro annotazioni.

I elenchi personalizzati iniziano con il tag <dl>. Ogni elemento dell'elenco personalizzato inizia con <dt>. Ogni definizione dell'elemento dell'elenco inizia con <dd>.

<dl>
<dt>Caffè</dt>
<dd>Beveraggio caldo nero</dd>
<dt>Latte</dt>
<dd>Beveraggio freddo bianco</dd>
</dl>

Il browser visualizza quanto segue:

Caffè
Beveraggio caldo nero
Latte
Beveraggio freddo bianco

All'interno dell'elemento dell'elenco della lista definita possono essere utilizzati paragrafi, interruzioni di riga, immagini, link e altri elenchi, ecc.

Più esempi

Diversi tipi di elenchi non ordinati
Questo esempio dimostra un elenco non ordinato.
Diversi tipi di elenchi ordinati
Questo esempio dimostra diversi tipi di elenchi ordinati.
Elenco annidato
Questo esempio dimostra come annidare gli elenchi.
Elenco annidato 2
Questo esempio dimostra un elenco annidato più complesso.
Elenco definito
Questo esempio dimostra un elenco definito.

Etichetta elenco

Etichetta Descrizione
<ol> Definisce l'elenco ordinato.
<ul> Definisce l'elenco non ordinato.
<li> Definisce l'elemento dell'elenco definito.
<dl> Definisce l'elenco definito.
<dt> Definisce l'elemento definito.
<dd> Definisce la descrizione definita.
<dir> Abbandonato. Usa <ul> al suo posto.
<menu> Abbandonato. Usa <ul> al suo posto.