Writing HTML | Riguardo A | FAQ | Riferimenti | Tag | Lezioni | indietro | avanti |

11. Liste Di Definizioni

• lista
  • lista
    • lista...

Obiettivi

• Costruire una lista di elementi con blocchi di definizioni a testi con indentazione
• Creare una bibliografia con una lista di definizioni

Lezione

Durante la lezione 6 abbiamo visto come creare due tipi di liste: quella ordinata <ol>...</ol> e quella non ordinata <ul>...</ul>. Ora noi introduciamo una terza varieta', la lista di definizioni. Diversamente dalle liste che abbiamo visto in precedenza, le liste di definizioni non contrassegnano i loro elementi con simboletti o numerini, ma con i loro motivi ad indentazione.

La formattazione per un tag di liste di definizione e'

<dl>
<dt>  titolo1
<dd>  definizione1
<dt>  titolo
<dd>  definizione2
                :
                :
                :
<dt>  titoloN
<dd>  definizioneN
</dl>    

Visto in un web browser, l'esempio di prima assomiglia a questo:

titolo1 definizione1 titolo2 definizione2 : : titoloN definizioneN

La lista di definizioni puo' essere usata come un glossario, ma per il nostro esempio noi la useremo per creare una breve bibliografia per la nostra lezione Volcano Web:

1. Apri il file index.html nel tuo text editor.
2. Dopo la lista non ordinata che segue il titolo Riferimenti digita il seguente testo:

   
   <h3>Bibliografia</h3>
   Cerca questi libri:
   <dl>
   <dt>Cas, R.A.F. and Wright, J. V. (1987). 
   <dd><I>Volcanic Successions: Modern and Ancient.</I> 
   London: Allen &amp; Unwin.
   
   <dt>La Croix, A. (1904)
   <dd><I>La Montagna Pel&eacute;e et ses &Eacute;ruptions.</I>
   Paris: Masson
   
   <dt>Lipman, P.W. and Mullineaux (eds). (1981)
   <dd><I>The 1980 Eruptions of Mount St. Helens, Washington.</I>
   U.S. Geological Survey Professional Paper 1250.
   </dl>
   

   NOTA: Abbiamo usato alcuni caratteri speciali, la "e" commerciale ("&") nel primo riferimento e l'accento nel secondo riferimento. Se non sei abituato a questi caratteri speciali in codice HTML, vedi la lezione 10

3. Salva ed Aggiorna nel tuo web browser.

Controlla il Tuo Lavoro

Verifica

1. In che cosa le liste di definizioni differiscono dalle liste ordinate e da quelle non ordinate?
2. In quale istanza dovresti usare una lista di definizioni?
3. Qual'e' la differenza tra i tag <dt> ed i tag <dd>?

Pratica Indipendente

Informazioni Aggiuntive

Ossidi

Combinazioni di metalli ionici con Ossigeno, comprendono la maggior parte del materiale grezzo ricavato dalle operazioni minerarie

• Ematite (ferro minerale)
• Magnetite (ferro minerale, magnetico)
• Corindone (pietra preziosa, abrasivo)

Solfati

Ioni metallici combinati con ioni Solfato (SO4), strutture atomiche che a volte permettono il legame di molecole d'acqua

• Gesso (stucco)
• Baritina (limo di perforazione)

<dl>
<dt><b>Ossidi</b>
<dd>Combinazioni di metalli ionici con Ossigeno, comprendono la maggior parte del materiale grezzo ricavato dalle operazioni minerarie
    <ul>
    <li>Ematite (ferro minerale)
    <li>Magnetite (ferro minerale, magnetico)
    <li>Corindone (pietra preziosa, abrasivo)
    </ul>
<dt><b>Solfati</b>
<dd>Ioni metallici combinati con ioni Solfato (SO4), strutture atomiche che a volte permettono il legame di molecole d'acqua
    <ul>
    <li>Gesso (stucco)
    <li>Baritina (limo di perforazione)
    </ul>
</dl>

Prossimamente....

VAI A.... | Indice Delle Lezioni | indietro: "Caratteri Speciali" | avanti: "FondoPagina con Indirizzi e Link E-Mail " |