| Descrizione | permette di creare un elenco di voci, numerate oppure no |
| Tipo | elemento contenitore di blocco |
Una lista è un elenco di voci. Ci sono due tipi di liste in html: le liste numerate (ordered)
- primo elemento
- secondo elemento
- terzo elemento
e le liste non numerate (unordered)
- primo elemento
- secondo elemento
- terzo elemento
Per creare una lista numerata bisogna usare l'elemento contenitore <ol>. Le singole voci della lista sono invece racchiuse in altrettanti elementi <li>. Ecco un esempio:
<li>primo elemento</li>
<li>secondo elemento</li>
<li>terzo elemento</li>
</ol>
Una lista non numerata invece si realizza nello stesso modo, salvo il fatto che viene usato l'elemento <ul> al posto di <ol>:
<li>primo elemento</li>
<li>secondo elemento</li>
<li>terzo elemento</li>
</ul>
Si noti che l'elemento <li> può trovarsi solo all'interno di un elemento <ol> o <ul>: ogni altro uso sarebbe errato.
E' possibile annidare una lista dentro un'altra, come mostra l'esempio seguente
<ul>
<li>Maschi
<ul>
<li>Andrea</li>
<li>Filippo</li>
<li>Tommaso</li>
</ul>
</li>
<li>Femmine
<ul>
<li>Anna</li>
<li>Chiara</li>
<li>Giulia</li>
</ul>
</li>
</ul>
L'effetto è il seguente
- Maschi
- Andrea
- Filippo
- Tommaso
- Femmine
- Anna
- Chiara
- Giulia
Si noti come gli elementi delle liste annidate sono contrassegnati in modo diverso e sono visualizzati a rientrare.
precedente
Sito realizzato in base al template offerto da
http://www.graphixmania.it
