Corso HTML da ZATER anno 3000

La Lista Semplice

E' probabilmente una delle più usate. Inizia sempre con il tag <UL> e finisce con il corrispondente </UL>. Ogni singola riga viene invece individuata dal tag <LI>, mentre un'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 Esempio 1	Risultato
<UL> <LH>Titolo della lista</LH> <LI>Primo Lupo <LI>Secondo Lupo <LI>Terzo Lupo </UL>	Titolo della lista Primo Lupo Secondo Lupo Terzo Lupo

Alla Netscape hanno esteso le possibilità offerte da questo genere di liste inserendo il parametro TYPE (compatibile anche con Explorer), che consente di scegliere quale simbolo debba distinguere le singole voci della lista. Ovvio che se l'utente utilizza un browser che non supporta tali estensioni, esse verranno ignorate.

Sintassi Esempio 2	Risultato
<UL TYPE=circle> <LH>Titolo della lista</LH> <LI>Primo Lupo <LI>Secondo Lupo <LI>Terzo Lupo </UL>	Titolo della lista Primo Lupo Secondo Lupo Terzo Lupo
<UL TYPE=disc> <LH>Titolo della lista</LH> <LI>Primo Lupo <LI>Secondo Lupo <LI>Terzo Lupo </UL>	Titolo della lista Primo Lupo Secondo Lupo Terzo Lupo
<UL TYPE=square> <LH>Titolo della lista</LH> <LI>Primo Lupo <LI>Secondo Lupo <LI>Terzo Lupo </UL>	Titolo della lista Primo Lupo Secondo Lupo Terzo Lupo

Una lista può essere 'nidificata', ovvero può contenere al suo interno altre 'sottoliste', questo può risultare utile quando si vogliano creare degl'indici come nel successivo esempio.

Sintassi Esempio 3	Risultato
	Indice generale Cap. 1 - ZATER anno 3000 Par. 1.1 - La fantascienza Par. 1.2 - L'animazione Cap. 2 - Wolf-WebSystem Par. 2.2 - Il Sito La sezione Java La sezione Utilità La sezione Link Par. 2.3 - Self Service Show Par. 2.4 - Follia Umoristica Cap.3 - Mondo Manga

Scarica l'esempio

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

Sintassi Esempio 1

Risultato

<UL> <LH>Titolo della lista</LH> <LI>Primo Lupo <LI>Secondo Lupo <LI>Terzo Lupo </UL>

Sintassi Esempio 2

Risultato

<UL TYPE=circle> <LH>Titolo della lista</LH> <LI>Primo Lupo <LI>Secondo Lupo <LI>Terzo Lupo </UL>

<UL TYPE=disc> <LH>Titolo della lista</LH> <LI>Primo Lupo <LI>Secondo Lupo <LI>Terzo Lupo </UL>

<UL TYPE=square> <LH>Titolo della lista</LH> <LI>Primo Lupo <LI>Secondo Lupo <LI>Terzo Lupo </UL>

Sintassi Esempio 3

Risultato

<UL>
<LH>Titolo della lista</LH>
<LI>Primo Lupo
<LI>Secondo Lupo
<LI>Terzo Lupo
</UL>

<UL TYPE=circle>
<LH>Titolo della lista</LH>
<LI>Primo Lupo
<LI>Secondo Lupo
<LI>Terzo Lupo
</UL>

<UL TYPE=disc>
<LH>Titolo della lista</LH>
<LI>Primo Lupo
<LI>Secondo Lupo
<LI>Terzo Lupo
</UL>

<UL TYPE=square>
<LH>Titolo della lista</LH>
<LI>Primo Lupo
<LI>Secondo Lupo
<LI>Terzo Lupo
</UL>