Gli elenchi
L' HTML supporta diversi tipi di liste (o elenchi);
Gli elenchi rappresentano uno dei modi più naturali per orgazizzare informazioni.
Spesso su una pagina web si ha la necessità di descrivere voci o altro sottoforma di elenchi,
html offre questa possibilità con il tag <LI> (voce dell'elenco) .
Essenzialmente gli elenchi sono di tre tipi:
- Elenchi ordinati(o numerati)
- Elenchi non ordinati
- Elenchi di definizioni
Elenchi ordinati
Abbiamo l'elemento contenitore OL("ordered list") che puo' contenere più elementi semplici LI>("list item"):
Esempio :
<ol>
<li>primo elemento</li>
<li>secondo elemento</li>
<li>terzo elemento</li>
</ol>
L'enumerazione visualizzata di default dal browser è quella numerica,
ma è possibile indicare uno stile differente specificandolo per mezzo dell?attributo type.
Ad esempio:
<ol type="a">
<li>primo elemento</li>
<li>secondo elemento</li>
<li>terzo elemento</li>
</ol>
Inserendo type ="A" avremo l'alfabeto maiuscolo
type="i" alfabeto romano minuscolo
type="I" alfabeto romano maiuscolo.
Elenchi non ordinati
Sono utilizzati per rappresentare un insieme di voci, legate tra di loro, ma che non richiedono un ordine specifico.
Basta sostituire a ol ul("unordered list")
<ul type="disc">
<li>primo elemento</li>
<li>secondo elemento</li>
<li>terzo elemento</li>
</ul>
- disc = pallino pieno (di default)
- circle = cerchio vuoto
- square = quadrato pieno
Elenchi di definizione
Gli elenchi definizione sono individuati dal tag <dl> .
L'elemento <DL> accetta al suo interno gli elementi <DT> e <DD> come voci dell'elenco.
L'elemento <DT> riserva un terzo dello schermo per la voce descritta,
mentre il restante è assegnato all'elemento <DD> che porta la descrizione una riga sotto.
<dl>
<dt>primo elemento<dd>descrizione primo</dt>
<dt>secondo elemento<dd>descrizione secondo</dt>
<dt>terzo elemento<dd>descrizione terzo</dt>
</dl>
-
- primo elemento
- descrizione primo
- secondo elemento
- descrizione secondo
- terzo elemento
- descrizione terzo
E' possibile ridurre lo spazio fra le righe nel caso in cui l'elenco fosse molto lungo,
per fare questo si adopera l'attributo COMPACT nel tag <DL>
