Guida al linguaggio HTML

4.6 ELENCHI


L'HTML supporta molti elementi per costruire elenchi. Essi possono essere divisi in due tipi: glossari e liste. I glossari sono identificati dall'elemento <DL>, mentre le liste sono identificate dagli elementi <UL>, <OL>, <MENU> e <DIR>. Gli elenchi possono essere mischiati tra loro. Quindi potete avere una lista dentro una lista, una lista dentro un glossario, e cosi' via. Alcuni esempi sono mostrati di seguito:

In questa pagina viene descritto l'uso dei glossari. Cliccate su "avanti" in fondo alla pagina per accedere alla descrizione delle liste.


dot1.gif (103 byte) 4.6.1 L'elemento DL: Glossario

Questo tipo di elenco, conosciuto anche come elenco di definizioni, e' usato per presentare un elenco di oggetti insieme a un paragrafo di descrizione. Puo' essere usato per glossari veri e propri, ma e' anche utile per liste di nomi con relativa descrizione. Gli oggetti all'interno dell'elenco sono definiti dalle tag:

<DT> -- Il `Termine' (singola linea)
<DD> -- La `Definizione' (puo' spaziare in piu' linee)

L'elemento DL puo' avere un solo attributo, COMPACT, che significa che la lista e' piccola e dovrebbe essere visualizzata in maniera compatta. Alcuni browsers comunque ignorano questo attributo

dot1.gif (103 byte) 4.6.2 Esempio di elenco DL

Di seguito trovate un esempio di elenco DL preso da un'altra parte di questa guida : (contiene anche una normale lista al suo interno)


<dl>
<dt>
Cose da evitare:
    <dd> Non dovreste usare elementi di formattazione all'interno
    dell'elemento PRE. Cioe' non dovreste usare le tag
    <code> <P>, <ADDRESS>, <Hn> </code>e cosi
    via.Dovreste anche evitare l'uso del TAB -- usate caratteri vuoti o lo spazio per
    separare parti di testo.
<dt> Cose che vanno bene:
    <dd>Inoltre <em> potete </em> usare l'elemento A (anchor). 
    Ricordatevi comunque di verificare l'URL associato ai link ipertestuali.
    L'elenco delle persone che non dovrebbero mettere le mani nel vostro PC include:
   <ul>
    <li>
Krusty il Clown
    <li> Lo Zio Fester
    <li> Il Cavaliere Nero
    </ul>
    Perche' potrebbero causarvi gravi danni.
</dl>


L'esempio viene visualizzato cosi:

Cose da evitare:
Non dovreste usare elementi di formattazione all'interno dell'elemento PRE. Cioe' non dovreste usare le tag <P>, <ADDRESS>, <Hn> e cosi via. Dovreste anche evitare l'uso del TAB -- usate caratteri vuoti o lo spazio per separare parti di testo.
Cose che vanno bene:
Inoltre potete usare l'elemento A (anchor). Ricordatevi comunque di verificare l'URL associato ai link ipertestuali. L'elenco delle persone che non dovrebbero mettere le mani nel vostro PC include:
  • Krusty il Clown
  • Lo Zio Fester
  • Il Cavaliere Nero

Perche' potrebbero causarvi gravi danni.


Indice HomePage