Elenchi HTML:

Per introdurre e commentare gli elenchi non c'è bisogno di spiegazioni, basta vedere il codice ed un esempio per capire il loro funzionamento, in pratica è solo e puro codice html.

Per modificare gli stili è opportuno utilizzare i css ( è raccomandato da specifiche W3C ed è pertanto plausibile che in una futura versione HTML sia obbligatorio). A tal proposito è importante sapere che ad ogni elenco (nel primo tag) è possibile inserire i seguenti parametri:

id=" "

come nome per associare attributi css o script.

class=" "

per associare classi di stili css.

title=" "

titolo identificativo dell'elenco.

Elenchi non ordinati:

Per elenchi non ordinati intendiamo gli elenchi che non hanno un numeratore letterale o numerico ma solo un simbolo (cerchio, cerchio vuoto o quadrato).

<ul type="disc"> <li>primo</li> <li>secondo</li> <li>terzo</li> <li>quarto</li> </ul>

primo secondo terzo quarto

<dir type="square"> <li>primo</li> <li>secondo</li> <li>terzo</li> <li>quarto</li> </dir>

primo secondo terzo quarto

<menu type="circle"> <li>primo</li> <li>secondo</li> <li>terzo</li> <li>quarto</li> </menu>

primo secondo terzo quarto

Attributi:
type="disc"   (disco solido)
type="circle"   (cerchietto)
type="square"   (quadrato)

Attenzione: I menù DIR e MENU sono identici al menù UL. Le specifice W3C prediligono il menu UL rispetto agli altri due, pertanto non è da scartare l'idea che in un futuro possano essere soppressi a favore di UL. Consigliamo di non utilizzarli.

Elenchi ordinati:

Gli elenchi ordinati sono elenchi che hanno i numeratori con una numerazione o cadenza letteraria che indica una precedenza (12345... oppure abcdef... oppure I II III IV V....)

<ol type="1" start="8"> <li>primo</li> <li>secondo</li> <li>terzo</li> <li>quarto</li> <li value="74">quinto</li> <li>sesto</li> </ol>

primo secondo terzo quarto quinto sesto

Attributi:
type="A" lettere maiuscole.
type="a" lettere minuscole.
type="I" numeri romani.
type="i" numeri romani minuscoli.
type="1" numeri.
start=" " Indica da quale lettera o numero deve partire l'elenco.
value=" " Indica la lettera o il numero della voce dell'elenco dove è inserito. Il valore successivo riprendera a contare dal valore indicato da questo parametro (vedi esempio).

Elenchi per definizione:

Con 'Elenchi per definizione' indichiamo gli elencchi che hanno per numeratore un termine e successivamente viene immessa una descrizione o del testo che lo riguarda.

<dl> <dt>primo <dd>Programmazione in vari linguaggi <dt>secondo <dd>download di immagini <dt>terzo <dd>grafica <dt>quarto <dd>comunica </dl>

primo programmazione in vari linguaggi. secondo download di immagini terzo grafica quarto comunica

<dl compact> <dt>primo <dd>Programmazione in vari linguaggi <dt>secondo <dd>download di immagini <dt>terzo <dd>grafica <dt>quarto <dd>comunica </dl compact>

primo programmazione in vari linguaggi. secondo download di immagini terzo grafica quarto comunica

Annidamento di elenchi:

Gli elenchi possono essera annidati (a loro volta contenere altri elenchi).
Esempio:

<ul type="disc"> <li>primo</li>    <ul type="circle">    <li>primo a</li>    <li>primo b</li>    </ul> <li>secondo</li> <li>terzo</li> </ul>

primo primo a primo b secondo terzo

Creare e gestire gli elenchi con html

Responsabilità
Link amici

W3C validator

W3C validator CSS