Liste


Puoi avere una sequenza di righe o voci, e puoi elencarle. Il tuo elenco puo' essere ordinato o disordinato. Ci sono 2 tag: <OL> e <UL>. <OL> significa Ordered List e <UL> significa Unordered List.

Liste non ordinate

Vediamo il tag <UL>:

<UL TYPE=voce> dove voce puo' essere:

  1. Nessuna(voglio dire che se ometti il parametro TYPE, sara' visualizzato un pallino pieno)
  2. CIRCLE (sara' visualizzato un pallino vuoto)
  3. SQUARE (sara' visualizzato un quadratino)

Ogni voce della lista, e' definita tramite il tag <LI> (List Voce):

<LI VALUE="numero" TYPE=voce>

Attenzione: puoi usare il parametro VALUE all' interno di una lista ordinata (<OL>) solamente. Voglio dire che NON PUOI usare il parametro VALUE all' interno di una lista non ordinata (<UL>)!

Il parametro TYPE e' mostrato sopra. Tramite il parametro VALUE, puoi cambiare il valore della singola voce all' iterno di una lista ordinata, ma ora stiamo parlando di liste non ordinate...Troppo complicato? Non preoccuparti, ecco un po' di esempi:

* Esempio 1 *

E questo e' il sorgente della pagina:

<html>
<head>
</head>
<body>
<UL>
<LI>Voce 1</LI>
<LI>Voce 2</LI>
<LI>Voce 3</LI>
<LI>Voce 4</LI>
</UL>
</body>
</html>

* Esempio 2 *

E questo e' il sorgente della pagina:

<html>
<head>
</head>
<body>
<UL TYPE=SQUARE>
<LI>Voce 1</LI>
<LI>Voce 2</LI>
<LI>Voce 3</LI>
<LI>Voce 4</LI>
</UL>
</body>
</html>

Liste Ordinate

Ora, vediamo il tag <OL>:

<OL START="numero" TYPE=voce> dove voce puo' essere:

  1. Nessuna (Voglio dire che se non usi il parametro TYPE, sara' mostrato un numero)
  2. I (numero romano maiuscolo)
  3. i (numero romano minuscolo)
  4. A (lettera maiuscola)
  5. a (lettera minuscola)

Il parametro START sara' discusso successivamente. Ogni voce della lista, e' definita tramite il tag <LI> (List Item) come sulle liste non ordinate, ma qui puoi usare il prametro VALUE:

<LI VALUE="numero" TYPE=voce>

Attenzione: puoi usare il parametro VALUE all' interno di una lista ordinata (<OL>) solamente!

Il parametro TYPE e' mostrato sopra. Tramite il parametro VALUE, puoi cambiare il valore di una singola voce al' interno di una lista ordinata...Troppo complicato? Non preoccuparti, ecco un po' di esempi:

* Esempio 1 *

  1. Voce 1
  2. Voce 2
  3. Voce 3
  4. Voce 4

E questo e' il sorgente della pagina:

<html>
<head>
</head>
<body>
<OL>
<LI>Voce 1</LI>
<LI>Voce 2</LI>
<LI>Voce 3</LI>
<LI>Voce 4</LI>
</OL>
</body>
</html>

Fai attenzione al tag <OL>. Ricorda: ora stiamo parlando di liste ordinate...

* Esempio 2 *

  1. Voce 1
  2. Voce 2
  3. Voce 3
  4. Voce 4

E questo e' il sorgente della pagina:

<html>
<head>
</head>
<body>
<OL TYPE=i>
<LI>Voce 1</LI>
<LI>Voce 2</LI>
<LI>Voce 3</LI>
<LI>Voce 4</LI>
</OL>
</body>
</html>

Fai attenzione al parametro TYPE...

* Esempio 3 *

  1. Voce 1
  2. Voce 2
  3. Voce 3
  4. Voce 4

E questo e' il sorgente della pagina:

<html>
<head>
</head>
<body>
<OL TYPE=A>
<LI>Voce 1</LI>
<LI>Voce 2</LI>
<LI>Voce 3</LI>
<LI>Voce 4</LI>
</OL>
</body>
</html>

Fai attenzione al parametro TYPE...

Parametro VALUE

Tramite il prametro VALUE, puoi cambiare il numero di una specifica voce all' interno di una lista ordinata. Ricordi il parametro START all' interno del tag <OL>? Bene, il parametro START indica il primo numero della lista. In altre parole, se metti, diciamo 6, all' interno del parametro START, quella lista iniziera' da 6. Esempi:

  1. Voce 1
  2. Voce 2
  3. Voce 3
  4. Voce 4
  5. Voce 5
  6. Voce 6

E questo e' il sorgente della pagina:

<html>
<head>
</head>
<body>
<OL START="6">
<LI>Voce 1</LI>
<LI>Voce 2</LI>
<LI>Voce 3</LI>
<LI>Voce 4</LI>
<LI>Voce 5</LI>
<LI>Voce 6</LI>
</OL>
</body>
</html>

Vuoi costruire una lista iniziando da 6 e vuoi cambiare la quarta voce? Guarda:

  1. Voce 1
  2. Voce 2
  3. Voce 3
  4. Voce 4
  5. Voce 5
  6. Voce 6

E questo e' il sorgente della pagina:

<html>
<head>
</head>
<body>
<OL START="6">
<LI>Voce 1</LI>
<LI>Voce 2</LI>
<LI>Voce 3</LI>
<LI VALUE="99">Voce 4</LI>
<LI>Voce 5</LI>
<LI>Voce 6</LI>
</OL>
</body>
</html>

Puoi anche costruire delle sotto-liste, usando la giusta combinazione di tag <OL> e </OL>. Guarda:

  1. Voce 1
    1. Voce 2
    2. Voce 3
  2. Voce 4

E questo e' il sorgente della pagina:

<html>
<head>
</head>
<body>
<OL>
<LI>Voce 1</LI>
<OL>
<LI>Voce 2</LI>
<LI>Voce 3</LI>
</OL>
<LI>Voce 4</LI>
</OL>
</body>
</html>

In altre parole: i tag rossi significano inizio/fine della lista. Il tag giallo significa che vuoi mettere una nuova lista ordinata all' interno della prima. Il tag verde significa che vuoi terminare la seconda lista, cosi' la prossima voce apparterra' alla lista originaria.


      Home  Pag. prec.  Pag. succ.       Chi siamo?  Scrivici!

Copyright (c) 1998-2006 Wowarea