ELEMENTI DEL LINGUAGGIO HTML

Le liste semplici (liste non ordinate)

E' probabilmente una delle più usate su Internet. Inizia sempre con il tag <UL> e finisce con il corrispondente </UL>. Ogni singola riga viene invece individuata dal tag <LI>. Una eventuale intestazione viene contenuta fra i tags <LH>...</LH>.
Non occorre inserire dei ritorni a capo (p.es. con il tag <BR>), in quanto ogni istruzione <LI> viene considerata come se fosse l'inizio di una nuova riga.

Sintassi

Visualizzazione

<UL>
<LH>Titolo della lista</LH>
<LI>Prima voce
<LI>Seconda voce
<LI>Ultima voce
</UL>

Titolo della lista

	Prima voce
	Seconda voce
	Ultima voce

Alla Netscape hanno esteso le possibilità offerte da questo genere di liste inserendo il parametro TYPE, che consente di scegliere quale identificatore debba distinguere le singole voci della lista.
Ovviamente se l'utente utilizza un browser che non supporta tali estensioni, esse verranno semplicemente ignorate.

Sintassi

Visualizzazione

<UL TYPE=circle>
<LH>Titolo della lista</LH>
<LI>Prima voce
<LI>Seconda voce
<LI>Ultima voce
</UL>

Titolo della lista

	Prima voce
	Seconda voce
	Ultima voce

<UL TYPE=disc>
<LH>Titolo della lista</LH>
<LI>Prima voce
<LI>Seconda voce
<LI>Ultima voce
</UL>

Titolo della lista

	Prima voce
	Seconda voce
	Ultima voce

<UL TYPE=square>
<LH>Titolo della lista</LH>
<LI>Prima voce
<LI>Seconda voce
<LI>Ultima voce
</UL>

Titolo della lista

	Prima voce
	Seconda voce
	Ultima voce

Naturalmente una lista può essere 'nidificata', ovvero può contenere al suo interno altre 'sottoliste', il che può risultare utile quando si vogliano creare degl'indici come nell'esempio che segue.

Sintassi

Visualizzazione

&ltUL TYPE=disc>
&ltLH>Indice generale</LH>
&ltLI>Cap.1 - Introduzione alla buona cucina
&ltUL TYPE=circle>
&ltLI>Par.1.1 - Gli strumenti di lavoro
&ltLI>Par.1.2 - La scelta degli ingredienti
</UL>
&ltLI>Cap.2 - I dolci
&ltUL TYPE=disc>
&ltLI>Par.2.2 - Le torte
&ltUL TYPE=circle>
&ltLI>La torta margherita
&ltLI>La torta di ricotta
&ltLI>La torta della nonna
</UL>
&ltLI>Par.2.3 - I dolci al cucchiaio
&ltLI>Par.2.4 - I gelati
</UL>
&ltLI&gtCap.3 - Le pizze
</UL>

Indice generale

Cap. 1 - Introduzione alla buona cucina

	Par. 1.1 - Gli strumenti di lavoro
	Par. 1.2 - La scelta degli ingredienti

Cap. 2 - I dolci

Par. 2.2 - Le torte

	La torta margherita
	La torta di ricotta
	La torta della nonna

Par. 2.3 - I dolci al cucchiaio

Par. 2.4 - I gelati

Cap.3 - Le pizze

Volendo, in tutti i tipi di lista, al posto dei pallini o cerchi o quadratini si possono utilizzare anche piccole immagini. Ad esempio, per utilizzare l'immagine di nome image.gif:

&ltLI SRC="image.gif">