searchiniz

Manuale di HTML

Gli elenchi

   Elenchi ordinati

Gli elenchi ordinati sono utilizzati per descrivere una ben precisa sequenza di eventi o operazioni e a tale scopo ogni voce è contrassegnata da un simbolo di ordine come ad esempio un numero o un carattere.

A tale scopo HTML ci fornisce il tag <OL>...</OL> (Ordered List), che serve appunto ad indicare un elenco numerato di elementi. Per indicare ciascuna voce dell'elenco su utilizza il tag <LI> (List Item), esattamente come per gli elenchi non ordinati.

Questi tag possono avere l'attributo TYPE, che permette di scegliere il simbolo da usare come numerazione e mentre il tag <OL>> può avere anche l'attributo START, che permette di specificare il valore da cui iniziare il conteggio. Di conseguenza è possibile utilizzare per ciascuna voce un simbolo diverso e partire la numerazione dell'elenco da un numero diverso da 1.

L'attributo TYPE può assumere i valori "1" (predefinito), "A", "a", "I" e "i", che stanno ad indicare:
  1 - Stile di enumerazione standard: 1, 2, 3 ...
  A - Enumerazione mediante caratteri alfabetici maiuscoli: A, B, C ...
  a - Enumerazione mediante caratteri alfabetici minuscoli: a, b, c ...
  I - Enumerazione mediante caratteri romani maiuscoli: I, II, III, IV ...
  i - Enumerazione mediante caratteri romani minuscoli: i, ii, iii, iv ...
L'attributo START può assumere valori da -2147483647 a 2147483647, e dare un numero che vada fuori da questo range fa si che la numerazione riparta dall'estremo opposto. È da ricordare che solo lo stile di numerazione standard permette di utilizzare numeri negativi. Inoltre per specificare il punto di partenza per gli altri tipi si deve sempre utilizzare un numero (senza segno) e non quindi dei caratteri come sarebbe logico attendersi. Sarà quindi poi il browser a convertire il numero (inteso come indice di posizione) nel simbolo dello stile prescelto.

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 ordinati</H2>
<P align="justify">Istruzioni per installare un programma.
<OL START="2">
 <LI>Decomprimere il file ZIP
 <LI>Eseguire il programma SETUP.EXE
 <LI TYPE="a"> Scegliere la directory di installazione
 <LI TYPE="I">Proseguire con l'installazione
</OL>
 ....
<P ALIGN="justify">Notiamo come il conteggio parte volontariamente da 2 anziché da 1, e come gli elementi "4" e "5" sono visualizzati con altri simboli.
</BODY>
</HTML>

Elenchi ordinati

Istruzioni per installare un programma.

  1. Decomprimere il file ZIP
  2. Eseguire il programma SETUP.EXE
  3. Scegliere la directory di installazione
  4. Proseguire con l'installazione
 ....

Notiamo come il conteggio parte volontariamente da 2 anziché da 1, e come gli elementi "4" e "5" sono visualizzati con altri simboli.
 


La maggior parte dei tag contenitore di HTML può essere nidificata all'interno di altri tag; a questa regola non sfuggono gli elenchi. Unendo gli stili di elenco puntato e numerato possiamo ottenere un elenco più complesso.

Vediamo appunto un esempio di elenchi nidificati.



<HTML>
<HEAD>
<TITLE>Guida di HTML</TITLE> 
 ....
</HEAD>

<BODY BGCOLOR="#BBFFBB"> 
<H2 ALIGN="center">Elenchi annidati</H2>
<P ALIGN="justify">Calendario delle attività.
<OL>
  <LI>Febbraio
  <UL type="disc">
    <LI>Visita alla galleria nazionale
    <LI><I>Holiday on ice</I> a Londra
  </UL>
  <LI>Marzo
  <UL type="circle">
    <LI>Escursione ad Assisi
    <LI>Concerto di Offanbach
    <LI>Visita al museo delle cere
  </UL>
  <LI>Aprile
  <UL type="square">
    <LI>Concerto di Barbican
    <LI>Visita agli scavi di Ostia
  </UL>
</OL>
 ....
<P ALIGN="justify">Alle voci interne degli elenchi abbiamo dato una certa indentatura in modo che siano meglio visibili in fase di analisi e correzione del testo HTML.
</BODY>
</HTML>

Elenchi annidati

Calendario delle attività.

  1. Febbraio
    • Visita alla galleria nazionale
    • Holiday on ice a Londra
  2. Marzo
    • Escursione ad Assisi
    • Concerto di Offanbach
    • Visita al museo delle cere l
    • Aprile
      • Concerto di Barbican
      • Visita agli scavi di Ostia
 ....

Alle voci interne degli elenchi abbiamo dato una certa indentatura in modo che siano meglio visibili in fase di analisi e correzione del testo HTML.
 


Nel prossimo capitolo descriveremo l'uso di elenchi di definizioni.


searchfine

Guida realizzata da   Michele Ferrara  ( © )  




Privacy Policy - Personalizza tracciamento pubblicitario