Wolf-WebSystem scarica gratis gli Script Java e le Utilità per il tuo Sito  Lista di Definizioni

Questo genere di lista viene utilizzata quando si deve creare un elenco di termini accompagnandoli dalle rispettive definizioni ed è ottenibile tramite i tags <DL>...</DL>. Il tag che definisce ogni singola voce e' <DT>, mentre quello che crea le definizioni e' <DD> . Se si vuole dare alla lista un aspetto più compatto, è inseribile l'argomento COMPACT all'interno del primo tag <DL>.

Non tutti i browser riconoscono l'attributo COMPACT, quindi è meglio controllare i propri documenti HTML con diversi browser prima di pubblicarli. E' bene non affidarsi a tale attributo per inserire a tutti i costi una certa lista in uno spazio ridottissimo, si potrebbe incorrere in spiacevoli sorprese.

Vediamo alcuni esempi:

Sintassi Esempio

Risultato

<DL>
<DT>ZATER anno 3000
<DD>Fumetto di fantascienza, ricco di effetti speciali e immagini.
<DT>Self Service Show
<DD>Fumetto umoristico.
<DD>Completamente fuori di testa.
<DD>Vietati ai maggiori di 91 anni.
<DT>Mondo Manga
<DD>Il mondo dei Manga, immagini e suoni.
</DL>
ZATER anno 3000
Fumetto di fantascienza, ricco di effetti speciali e immagini.
Self Service Show
Fumetto umoristico.
Completamente fuori di testa.
Vietati ai maggiori di 91 anni.
Mondo Manga
Il mondo dei Manga, immagini e suoni.
<DL COMPACT>
<DT>ZATER anno 3000
<DD>Fumetto di fantascienza, ricco di effetti speciali e immagini.
<DT>Self Service Show
<DD>Fumetto umoristico.
<DD>Completamente fuori di testa.
<DD>Vietati ai maggiori di 91 anni.
<DT>Mondo Manga
<DD>Il mondo dei Manga, immagini e suoni.
</DL>
ZATER anno 3000
Fumetto di fantascienza, ricco di effetti speciali e immagini.
Self Service Show
Fumetto umoristico.
Completamente fuori di testa.
Vietati ai maggiori di 91 anni.
Mondo Manga
Il mondo dei Manga, immagini e suoni.

A seconda del browser utilizzato, potresti non notare alcuna differenza fra le due versioni <DL> e <DL COMPACT>, quindi non preoccuparti se i due esempi ti appaiono identici.

Pagina precedente

Scarica l'esempio    

Torna all'indice del corso

Pagina successiva

Sito creato dalla Wolf-WebSystem” per informazioni scrivi a info@wwsys.it