Liste e linee

Questo capitolo ha lo scopo di illustrare due elementi che sembrano perdere importanza nei moderni stili di impaginazione, ma che possono comunque rivelarsi utili in svariate circostanze.

Le liste

Il codice utilizzato per creare una lista e' caratterizzato da una sintassi estremamente semplice, pertanto ci limiteremo a raffigurarne i vari tipi ed il codice corrispondente senza fornire ulteriori e peraltro superflue descrizioni.

Lista non ordinata

<UL>
<LI>Prima voce
<LI>Seconda voce
<LI>Terza voce
</UL>

Lista non ordinata tipo "circle"

Prima voce Seconda voce Terza voce

<UL TYPE=circle> <LI>Prima voce <LI>Seconda voce <LI>Terza voce </UL>

Lista non ordinata tipo "square"

Prima voce Seconda voce Terza voce

<UL TYPE=square> <LI>Prima voce <LI>Seconda voce <LI>Terza voce </UL>

Lista ordinata

<OL>
<LI>Prima voce
<LI>Seconda voce
<LI>Terza voce
</OL>

Lista ordinata con numeri romani minuscoli

<OL TYPE=i>
<LI>Prima voce
<LI>Seconda voce
<LI>Terza voce
</OL>

Lista ordinata con numeri romani maiuscoli

<OL TYPE=I>
<LI>Prima voce
<LI>Seconda voce
<LI>Terza voce
</OL>

Lista ordinata con lettere minuscole

<OL TYPE=a>
<LI>Prima voce
<LI>Seconda voce
<LI>Terza voce
</OL>

Lista ordinata con lettere maiuscole

<OL TYPE=A>
<LI>Prima voce
<LI>Seconda voce
<LI>Terza voce
</OL>

Lista con definizioni

<DL>
<DT>Prima voce
<DD>Definizione della prima voce
<DT>Seconda voce
<DD>Definizione della seconda voce
<DT>Terza voce
<DD>Definizione della terza voce
</DL>

Si possono utilizzare anche due o piu' definizioni per ogni voce

<DL>
<DT>Prima voce
<DD>Definizione della prima voce
<DD>Ulteriore definizione della prima voce
<DT>Seconda voce
<DD>Definizione della seconda voce
<DT>Terza voce
<DD>Definizione della terza voce
</DL>

L'elemento HR

HR sta per horizontal rule, linea orizzontale, di cui si e' fatto ampio uso finora: l'esempio sotto e' generato dal tag <HR> senza aggiunta di attributi. Questo tag non ha bisogno di chiusura. Solo Internet Explorer supporta l'allineamento e la colorazione.

<HR>

Ma puo' essere modificato in vari modi: nell'ampiezza, nello "spessore", nell'allineamento orizzontale.

<HR WIDTH=300>

<HR WIDTH=300 SIZE=1>

<HR WIDTH=300 SIZE=5>

<HR WIDTH=300 SIZE=5 ALIGN=right>

<HR WIDTH=300 SIZE=5 ALIGN=right COLOR=blue>

<HR WIDTH=300 SIZE=1 ALIGN=right COLOR=blue>

Prossimo capitolo