Gli elenchi in html

Si  possono definire tre varietà di elenchi: ordinati, non ordinati e di definizione.
Per inserire degli elenchi ordinati in un documento html si utilizza il tag di apertura <ol></ol> e le varie voci vengono racchiuse tra i tag <li></li>:

<ol>
    <li>Prima voce</li>
    <li>Seconda voce</li>
    <li>Terza voce</li>
</ol>  

Che darà come risultato:

1. Prima voce
2. Seconda voce
3. Terza voce

Grazie all’attributo type possiamo definire uno stile di enumerazione diverso da quello visualizzato di default dal browser:

<ol type=”i”> Ordinerà l’elenco con i numeri romani minuscoli
<ol type=”I”> Ordinerà l’elenco con i numeri romani maiuscoli
<ol type=”a”> Ordinerà l’elenco con le lettere dell’alfabeto minuscole
<ol type=”A”> Ordinerà l’elenco con le lettere dell’alfabeto maiuscole

Glì elenchi non ordinati sono racchiusi tra i tag <ul></ul> e le varie voci, come per gli elenchi ordinati, sono separate dai tag <li></li> (list item).

<ul>
    <li>Prima voce</li>
    <li>Seconda voce</li>
    <li>Terza voce</li>
</ul>

Che darà come risultato:

• Prima voce
• Seconda voce
• Terza voce

Anche per gli elenchi non ordinati si può definire una formattazione utilizzando l’attributo type:

<ul type=”circle”> Visualizza un pallino vuoto davanti a ogni voce
<ul type=”square”> Visualizza un quadratino davanti a ogni voce

Gli elenchi di definizione invece servono per racchiudere il significato di alcune parole, essi sono delemitati dai tag <dl><dl> e sono coddraddistinti dai tag <dt></dt> in cui viene racchiuso il termine da definire, (da notare che il testo non avrà nessuna identazione) e dai tag <dd></dd> che racchiudono la definizione vera e propria del termine:

<dl>
    <dt>Termine 1</dt>
        <dd>Definizione del termine 1</dd>
    <dt>Termine 2</dt>
        <dd>Definizione del termine 2</dd>
</dl>

Che restituirà:

Termine 1
    Definizione del termine 1
Termine 2
    Definizione del termine 2

Popularity: 3% [?]

Vuoi essere sempre aggiornato???  Iscriviti  ai feed o invia un  trackback