Creazione e Utilizzo di Elenchi in HTML

Le liste vengono utilizzate per organizzare e presentare le informazioni in un formato strutturato. Esistono due tipi principali di liste: liste non ordinate (<ul>) e liste ordinate (<ol>).

Liste non ordinate

Le liste non ordinate presentano gli elementi in formato puntato. Ogni elemento della lista viene definito utilizzando il tag <li> (list item). Le liste non ordinate sono generalmente utilizzate quando l'ordine degli elementi non è significativo.
Esempio:

index.html

Nell'esempio sopra:

L'elenco non ordinato (<ul>) visualizza gli elementi con punti elenco.

Elenchi ordinati

Gli elenchi ordinati mostrano gli elementi in una sequenza numerata. Ogni elemento dell'elenco è definito utilizzando il tag <li> (list item). Gli elenchi ordinati vengono utilizzati quando l'ordine degli elementi è importante e deve essere evidenziato.
Esempio:

index.html

Nell'esempio sopra:

L'elenco è ordinato (<ol>), visualizzando gli elementi con numeri.

Elenchi annidati

Gli elenchi possono anche essere annidati tra loro per creare strutture gerarchiche. Ciò significa che un elemento di elenco (<li>) all'interno di un elenco (<ul> o <ol>) può a sua volta contenere un altro elenco. Questo è utile per organizzare informazioni complesse su più livelli di gerarchia.
Esempio:

index.html

Nell'esempio sopra:

Il secondo elemento della lista ("Main item 2") contiene una lista non ordinata annidata (<ul>), creando una struttura gerarchica;
Ogni lista annidata (<ul>) è rientrata per indicare visivamente il suo livello gerarchico.

Video tutorial

1. Quale tag viene utilizzato per creare liste non ordinate?

2. Quando si dovrebbe utilizzare un elenco ordinato invece di un elenco non ordinato?

3. Quale tag manca negli spazi vuoti (___)?

Quale tag viene utilizzato per creare liste non ordinate?

Select the correct answer

<ol>

<ul>

<li>

Quando si dovrebbe utilizzare un elenco ordinato invece di un elenco non ordinato?

Select the correct answer

Quando l'ordine degli elementi è importante.

Quando si organizza un'informazione complessa in più livelli di gerarchia.

Quando si vuole enfatizzare l'importanza degli elementi.

Quale tag manca negli spazi vuoti (___)?

Select the correct answer

ol

li

p

h2

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 7

Chieda ad AI

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Awesome!

Completion rate improved to 3.13

Creazione e Utilizzo di Elenchi in HTML

Scorri per mostrare il menu

Liste non ordinate

index.html

Nell'esempio sopra:

L'elenco non ordinato (<ul>) visualizza gli elementi con punti elenco.

Elenchi ordinati

index.html

Nell'esempio sopra:

L'elenco è ordinato (<ol>), visualizzando gli elementi con numeri.

Elenchi annidati

index.html

Nell'esempio sopra:

Il secondo elemento della lista ("Main item 2") contiene una lista non ordinata annidata (<ul>), creando una struttura gerarchica;
Ogni lista annidata (<ul>) è rientrata per indicare visivamente il suo livello gerarchico.

Video tutorial

1. Quale tag viene utilizzato per creare liste non ordinate?

2. Quando si dovrebbe utilizzare un elenco ordinato invece di un elenco non ordinato?

3. Quale tag manca negli spazi vuoti (___)?

Quale tag viene utilizzato per creare liste non ordinate?

Select the correct answer

<ol>

<ul>

<li>

Quando si dovrebbe utilizzare un elenco ordinato invece di un elenco non ordinato?

Select the correct answer

Quando l'ordine degli elementi è importante.

Quando si organizza un'informazione complessa in più livelli di gerarchia.

Quando si vuole enfatizzare l'importanza degli elementi.

Quale tag manca negli spazi vuoti (___)?

Select the correct answer

ol

li

p

h2

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 7