Wolf-WebSystem scarica gratis gli Script Java e le Utilità per il tuo Sito  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

Pagina precedente

Scarica l'esempio    

Torna all'indice del corso

Pagina successiva

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