next up previous

Next:Sfondi e Colori Up: Tutorial su HTML Previous: Immagini e Suoni

Liste


Questa sezione è utile per inserire un elenco all'interno di un documento HTML. 
Implementare un elenco all'interno della propria pagina web è molto importante, più 
di quanto non possa sembrare, sia perchè di solito le informazioni vengono presentate in  
questo modo sia perchè permette di presentare una serie di nozioni in modo razionale e chiaro.

Distinguiamo due tipi di elenchi: quelli ordinati da quelli non ordinati.
Iniziamo dai primi, in genere questo tipo di elenchi è impiegato per esprimere una sequenza di 
operazioni o una classifica.
La sintassi per implementare una lista ordinata è la seguente:

<OL>
<LI> I informazione
<LI>...
<LI>N informazione
</OL>


Analizziamo ora una serie di tag. 
Con <OL> si inizia una lista ordinata: in inglese ordered list. Ognuno degli elementi della lista, in inglese listed item, è preceduto dal tag <LI>. La lista ha termine con il tag di chiusura </OL> con cui si comunica, appunto, il termine della lista.

Esempio

<HTML>
<HEAD>
<TITLE>
Esempio</TITLE>
</HEAD>
<BODY>
<P>
Lista dei miei fratelli

<OL>
<LI>
<LI>Annagloria
<LI>Olimpia
<LI>Giancarlo
</OL>

</BODY>
</HTML>
Gli elenchi non ordinati presentano nella costruzione la stessa struttura di quelli ordinati, a cambiare sono solo i tag di apertura e di chiusura: in questo caso avremo: <UL> all'inizio della lista e </UL> alla sua fine. UL sta per Unordered List ossia lista non ordinata.

RIEPILOGO COMANDI

  Liste senza ordine <UL><LI></UL> (prima di ogni elemento)
  compatta <UL COMPACT></UL>
  tipo di puntatore <UL TYPE=DISC|CIRCLE|SQUARE> (per tutta la lista)
  tipo di puntatore <LI TYPE=DISC|CIRCLE|SQUARE> (questo e successivi)
  Liste numerate <OL><LI></OL> (prima di ogni elemento)
  compatta <OL COMPACT></OL>
  tipo di numero <OL TYPE=A|a|I|i|1> (per tutta la lista)
  tipo di numero <LI TYPE=A|a|I|i|1> (questo e successivi)
  num. di partenza <OL START=?> (per tutta la lista)
  num. di partenza <LI VALUE=?> (questo e successivi)
  Lista di definizioni <DL><DT><DD></DL> (<DT>=termine, <DD>=definizione)
  compatta <DL COMPACT></DL>
  Lista tipo Menu <MENU><LI></MENU> (prima di ogni elemento)
  compatta <MENU COMPACT></MENU>
  Lista tipo indirizzario <DIR><LI></DIR> (prima di ogni elemento)
  compatta <DIR COMPACT></DIR>