| La Guida On-Line all'HTML per l'Internet Publishing tutta in Italiano
(C) 1995-98 by Flavio Del Greco e Valerio Zanini |
 |
| La Guida On-Line all'HTML per l'Internet Publishing tutta in Italiano
(C) 1995-98 by Flavio Del Greco e Valerio Zanini |
|
Inserire una lista di dati
|
L'HTML prevede delle istruzioni apposite per inserire una lista di dati all'interno di un documento. Una lista è composta da una serie di paragrafi, ciascuno dei quali viene identificato dal comando <LI> e che possono essere elencati ordinati, non ordinati o visualizzati su colonne multiple. Per specificare il tipo di lista che si vuole usare è necessario includere una delle seguenti istruzioni:
Per inserire una lista è allora sufficiente specificare il tipo di lista richiesta (OL, UL, MENU o DIR) e poi inserire ogni elemento tramite il comando <LI>. Consideriamo il seguente script HTML e quanto viene visualizzato da un browser:
Come si nota dal listato qui sono state usate due liste diverse nidificate: una lista OL esterna in cui si inserisce una lista UL più interna. Il browser indenta automaticamente la lista più interna. Questa non è numerata e dunque i suoi elementi sono evidenziati da un quadratino. La lista esterna è invece una OL ordinata e quindi i suoi elementi sono numerati progressivamente. Si può provare a vedere cosa succede se si aggiungono elementi alla lista OL o a quella UL. La stessa lista visualizzata utilizzando <UL> al posto di <OL> anche nella lista più esterna è chiaramente non ordinata ed assume la forma:
Si può notare come, pur avendo entrambe le liste di formato UL, queste vengano visualizzate usando punti elenco diversi: tondi per la lista esterna, quadrati per quella interna. *** NOTA *** Per quanto anche la rappresentazione grafica dei comandi delle liste sia standardizzata, è possibile che il vostro browser li renda in maniera differente da quanto qui indicato. Non è il caso di preoccuparsi di questa differenza. Si noti che non esiste un identificatore di fine elemento (</LI>). Invece devono essere chiusi i formati OL, UL, MENU e DIR. E' anche possibile cambiare le "intestazioni" degli elementi delle liste. Per le liste ordinate, esiste l'attributo "TYPE" che serve per indicare il tipo di indicizzazione che si vuole avere sulla lista. Ad esempio, il comando <OL TYPE="a">, creerà una lista ordinata, utilizzando le lettere minuscole come indice. Gli altri valori possibili sono: "A" per usare lettere maiuscole; "I" per usare la numerazione romana maiuscola; "i" per i numeri romani minuscoli; "1" (default) per utilizzare i numeri. Per le liste non ordinate, invece, i valori possibili sono="DISC" per dei cerchi pieni; "CIRCLE" per dei cerchi vuoti; "SQUARE" per dei quadratini (anche se, ripetiamo, non è detto che la resa sia esattamente quella voluta). Per le liste ordinate, infine, esiste un ulteriore attributo, "START", per indicare il punto da cui far partire la numerazione: ad esempio <OL TYPE="A" START="5"> farà partire la numerazione dalla lettera "E". Naturalmente tale attributo non ha alcuna funzionalità nell'ambito delle liste non ordinate. Esiste un secondo tipo di lista chiamato elenco di definizione, o glossario. Si tratta di un elenco di paragrafi, ognuno dei quali è dotato di una breve intestazione e da un contenuto. E' utili per includere un insieme di nomi, ognuno accompagnato dalla sua definizione. Un elenco di definizione è chiuso tra le istruzioni <DL> e </DL>. Ogni voce di definizione è composta di due parti: <DT> per l'intestazione, e <DD> per la spiegazione. Per verificarne subito la resa provate ad inserire il seguente script:
Che visualizza la seguente pagina:
Potete sbizzarrirvi nell'uso delle liste, vista la grande flessibilità che viene offerta dall'HTML. Come ultima nota vogliamo riportare un attributo del comando <DL> che permette di ridurre lo spazio bianco tra le righe e le indentazioni negli elenchi di definizioni: <DL COMPACT>. |
Indietro all'INDICE GENERALE