Manuale di HTML
Gli elenchi
Elenchi puntati
Per visualizzare una serie di elementi o un elenco di oggetti ci si potrebbe anche accontentare dei normali paragrafi. Noi, nella vita di tutti i giorni, facciamo spesso uso degli elenchi, per fare la lista della spesa (tipico), per fare la lista dei nostri appuntamenti... Persino le cartelle le directory del nostro computer o le canzoni di un CD sono visualizzate tramite un elenco...
Per questo HTML ci mette a disposizione ben 5 tipi di elenchi, sebbene solo tre sono realmente utilizzati; li vedremo ciascuno in un capitolo, lasciando da parte gli elenchi di menù e di directory. In questo capitolo ci occuperemo di elenchi non numerati (o non ordinati). Nei capitoli successivi vedremo gli elenchi ordinati e gli elenchi di definizioni.
Gli elenchi non ordinati (o puntati, o non numerati...) sono elenchi i cui elementi sono descritti senza una sequenza logica o temporale ma che sono in qualche modo correlati; sono oggetti che sono semplicemente raggruppati in una unica lista.
Tutti i tipi di elenco sono rappresentati da HTML allo stesso modo, troveremo un tag che definisce l'elenco e un altro che indica ciascuna voce dell'elenco.
Il tag che indica un elenco non ordinato è <UL>...</UL> (Unordered List), mentre il tag che indica una voce dell'elenco è <LI> (List Item), che può non avere il tag di chiusura </LI>. Ogni voce dell'elenco viene indentata in modo da separare l'elenco dal resto del documento.
Entrambi i tag possono avere l'attributo TYPE che permette di scegliere il tipo dei punti elenco e i valori che può assumere questo attributo sono "circle", "square" o "disc"; il valore predefinito è "disc", un cerchio pieno. Specificare l'attributo TYPE nel tag <UL> vuol dire assegnare a tutte le voci lo stesso simbolo, specificarlo nel tag <LI> vuol dire assegnare quel simbolo a quel particolare elemento soltanto.
Vediamo subito un esempio di utilizzo di questo tipo di elenco; mostreremo come scegliere un tipo di simbolo e come cambiarlo per una particolare voce dell'elenco.
<HTML> <HEAD> <TITLE>Guida di HTML</TITLE> .... </HEAD> <BODY BGCOLOR="#FFEBCD"> <H2 ALIGN="center">Elenchi non ordinati</H2> <P ALIGN="justify">Elenco dei programmi presenti su questo server. <UL TYPE="square"> <LI>ACDSee - Un programma di grafica <LI TYPE="disc">CuteFTP - Un programma per trasferire i files su un server FTP <LI>Gozilla - Facilita il download dei files <LI>Napster - Condividere gli MP3 in rete <LI TYPE="circle">Winamp - Lettore MP3 <LI>Winzip - Programma per comprimere i files </UL> .... <P ALIGN="justify">Notiamo come tutti gli elementi sono impostati a square mediante la definizione nel tag </UL>, mentre per la seconda e quinta voce sono stati scelti simboli diversi. </BODY> </HTML> |
Elenchi non ordinati Elenco dei programmi presenti su questo server.
Notiamo come tutti gli elementi sono impostati a square mediante la definizione nel tag </UL>, mentre per la seconda e quinta voce sono stati scelti simboli diversi. |
Nello scrivere il codice, abbiamo dato una certa indentatura alle voci interne degli elenchi in modo che siano meglio visibili in fase di analisi e correzione del testo HTML.
Nel prossimo capitolo descriveremo l'uso di elenchi numerati.