[successivo] [precedente] [inizio] [fine] [indice generale] [indice ridotto] [indice analitico] [volume] [parte]

Capitolo 475.   Elenchi

Esistono tre tipi di elenchi: puntato, numerato e descrittivo. Gli elenchi puntati e quelli numerati condividono una struttura simile:

<UL>
<LI>
    ...
</LI>
...
</UL>

<OL>
<LI>
    ...
</LI>
...
</OL>

Gli elenchi puntati sono delimitati dall'elemento UL (Unordered list), mentre quelli numerati dall'elemento OL (Ordered list). Questi elementi contengono uno o più elementi LI, che possono contenere testo lineare, oppure uno o più blocchi (per esempio possono contenere dei sottoelenchi).

Figura 475.1. Struttura dell'elenco puntato con un esempio.

elenco puntato

Figura 475.2. Struttura dell'elenco numerato con un esempio.

elenco numerato

Per evitare ambiguità, conviene usare sempre dei blocchi per il contenuto degli elementi LI, altrimenti, per l'abitudine, si rischia di pretendere di spezzare un testo lineare con un paragrafo o con un altro blocco che non può essere ammissibile in tale contesto.

Gli elenchi descrittivi sono più complessi e sono delimitati esternamente dall'elemento DL (Definition list), che contiene elementi DT (Definition term) e DD (Definition description):

<DL>
<DT>termine</DT>
    <DD>
        descrizione
    </DD>
    ...
</DL>

Il contenuto dell'elemento DT è del testo lineare, mentre DD può contenere sia testo lineare, sia dei blocchi. Anche in questo caso, per evitare ambiguità, è meglio usare sempre solo dei blocchi.

Figura 475.3. Struttura dell'elenco descrittivo con un esempio.

elenco descrittivo

475.1   File «elenchi-01.html»

Si crei il file elenchi-01.html con il contenuto seguente:

      1 <!DOCTYPE HTML PUBLIC "ISO/IEC 15445:2000//DTD HTML//EN">
      2 <HTML LANG="it">
      3 <HEAD>
      4     <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii">
      5     <META NAME="Description" CONTENT="Elenchi con HTML, esempio 01">
      6     <META NAME="Keywords" CONTENT="HTML, elenco, elenchi, esempio">
      7     <META NAME="Author" CONTENT="Tizio Tizi, tizio@brot.dg, classe 4Z">
      8     <META NAME="Date" CONTENT="2007.01.01">
      9     <META NAME="Resource-type" LANG="en" CONTENT="Document">
     10     <META NAME="Revisit-after" LANG="en" CONTENT="15 days">
     11     <META NAME="Robots" CONTENT="ALL">
     12     <TITLE>Elenchi</TITLE>
     13 </HEAD>
     14 <BODY>
     15 
     16 <H1>Attivo</H1>
     17 
     18 <DL>
     19 <DT>A</DT>
     20     <DD>
     21 
     22         <P>Crediti verso i soci per versamenti ancora dovuti</P>
     23 
     24     </DD>
     25 <DT>B</DT>
     26     <DD>
     27 
     28         <P>Immobilizzazioni</P>
     29 
     30         <UL>
     31         <LI>
     32         
     33             <P>I - Immobilizzazioni immateriali</P>
     34             
     35             <OL>
     36             <LI>
     37 
     38                 <P>costi di impianto e di ampliamento</P>
     39 
     40             </LI>
     41             <LI>
     42 
     43                 <P>costi di ricerca, di sviluppo e di
     44                 pubblicit&agrave;</P>
     45 
     46             </LI>
     47             <LI>
     48 
     49                 <P>diritti di brevetto industriale e diritti di
     50                 utilizzazione delle opere dell'ingegno</P>
     51 
     52             </LI>
     53             <LI>
     54 
     55                 <P>concessioni, licenze, marchi e diritti simili</P>
     56 
     57             </LI>
     58             <LI>
     59 
     60                 <P>avviamento</P>
     61 
     62             </LI>
     63             <LI>
     64 
     65                 <P>immobilizzazioni immateriali in corso e acconti</P>
     66 
     67             </LI>
     68             <LI>
     69 
     70                 <P>altre immobilizzazioni immateriali</P>
     71 
     72             </LI>
     73             </OL>
     74 
     75         </LI>
     76         <LI>
     77 
     78             <P>II - Immobilizzazioni materiali</P>
     79 
     80             <OL>
     81             <LI>
     82 
     83                 <P>terreni e fabbricati</P>
     84 
     85             </LI>
     86             <LI>
     87 
     88                 <P>[...]</P>
     89 
     90             </LI>
     91             </OL>
     92 
     93         </LI>
     94         <LI>
     95 
     96             <P>[...]</P>
     97 
     98         </LI>
     99         </UL>
    100 
    101     </DD>
    102 </DL>
    103 
    104 </BODY>
    105 </HTML>

Il file elenchi-01.html contiene un elenco descrittivo tra le righe 18 e 102. All'interno, in corrispondenza della seconda voce dell'elenco descrittivo, compare un elenco puntato (dalla riga 30 alla riga 99); infine, all'interno delle voci dell'elenco puntato appaiono degli elenchi numerati.

Figura 475.5. Aspetto del file elenchi-01.html con un navigatore.

elenchi-01.html

475.2   Verifica sull'uso degli elenchi

In base a quanto appreso fino a questo punto, si realizzi il file verifica-elenchi-01.html che produca un risultato abbastanza simile a quello seguente, quando viene visto attraverso un navigatore:

verifica-elenchi-01.html

Si completi l'intestazione, coerentemente, secondo il proprio criterio, seguendo le modalità già stabilite. Si deve consegnare per la valutazione:

  1. la stampa del risultato ottenuto attraverso il navigatore;

  2. la stampa del sorgente.

Si richiede espressamente che tutti gli elementi, a esclusione di quelli che devono essere vuoti, siano terminati correttamente con il marcatore di chiusura.

Appunti di informatica libera 2007.02 --- Copyright © 2000-2007 Daniele Giacomini -- <daniele (ad) swlibero·org>

Dovrebbe essere possibile fare riferimento a questa pagina anche con il nome elenchi.htm

[successivo] [precedente] [inizio] [fine] [indice generale] [indice ridotto] [indice analitico]

Valid ISO-HTML!

CSS validator!