Costruire un sito in HTML

In una pagina html possiamo inserire una formattazione del testo che riprende lo stile di un elenco (tipo la lista della spesa).
Gli elenchi sono utili per esprimere concetti per punti, oppure semplicemente per stilare un elenco di cose.
Le più frequenti tipologie di elenco in HTML sono due: elenchi non ordinati ed elenchi ordinati. La differenza tra i due sta che negli elenchi ordinati, gli elementi della lista saranno contraddistinti da una numerazione successiva.

Vediamo il codice HTML degli elenchi:

ELENCO NON ORDINATO

<ul>
<li>Elenco</li>
<li>Elenco</li>
<li>Elenco</li>
</ul>
			

l'effetto sarà:

• Elenco
• Elenco
• Elenco

ELENCO ORDINATO

<ol>
<li>elenco</li>
<li>elenco</li>
<li>elenco</li>
</ol>
			

l'effetto sarà:

1. Elenco
2. Elenco
3. Elenco

<ul> apre una lista non ordinata
<ol> apre una lista ordinata
<li> definisce gli elementi di una lista
I tag vanno aperti e chiusi.

Si possono anche fare elenchi sotto altri elenchi:

• Elenco
  1. Elenco
  2. Elenco
  3. Elenco
• Elenco
• Elenco

Ecco il codice dell'esempio:

<ul>
<li>Elenco
<ol>
<li>Elenco</li>
<li>Elenco</li>
<li>Elenco</li>
</ol>
</li>
<li>Elenco</li>
<li>Elenco</li>
</ul>

Con il CSS possiamo modificare gli stili delle liste, anche aggiungere delle immagini come segno distintivo per l’elenco puntato.