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
Abbiamo l'elemento contenitore OL("ordered list") che puo' contenere più elementi semplici LI>("list item"): Esempio :
L'enumerazione visualizzata di default dal browser è quella numerica, ma è possibile indicare uno stile differente specificandolo per mezzo dell?attributo type. Ad esempio:
Inserendo type ="A" avremo l'alfabeto maiuscolo
type="i" alfabeto romano minuscolo
type="I" alfabeto romano maiuscolo.
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")
- disc = pallino pieno (di default)
- circle = cerchio vuoto
- square = quadrato pieno
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.
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>