Se dobbiamo inserire un elenco di termini, possiamo utilizzare le “liste”, che sono di 3 tipi:
A. Elenchi ordinati
B. Elenchi non ordinati
C. Elenchi di definizioni
Tutti e tre i tipi di elenchi funzionano nello stesso modo:
- Si apre il tag, dichiarando l’inizio di una lista.
- Si elencano i vari elementi della lista (ciascuno con il proprio tag)
- Si chiude il tag dichiarando la fine della lista
In questa lezione esamineremo i primi due tipi: gli elenchi ordinati e quelli non ordinati.
Elenchi ordinati
Il tag da utilizzare per aprire un elenco ordinato è <ol> (“ordered list”) e gli elementi sono individuati dal tag <li> (“list item”).
Testo che precede la lista
<ol>
<li>primo elemento</li>
<li>secondo elemento</li>
<li>terzo elemento</li>
</ol>
Testo che segue la lista
Lo stile di numerazione visualizzato di default dal browser è quello numerico, ma è possibile cambiarlo grazie all’attributo “type”.
Per esempio:
<ol type=”a”>
<li>primo elemento</li>
<li>secondo elemento</li>
<li>terzo elemento</li>
<ol>
Produrrà una lista così fatta:
a. primo elemento
b. secondo elemento
c. terzo elemento
Stili consentiti
Gli stili consentiti sono:
– type=”1″ (di default) → numeri arabi
– type=”a” → alfabeto minuscolo
– type=”A” → alfabeto maiuscolo
– type=”i” → numeri romani minuscoli
– type=”I” → numeri romani maiuscoli
Elenchi non ordinati
Gli elenchi non ordinati sono individuati dal tag <ul> (“unordered list”), e gli elementi dell’elenco sono
definiti anch’essi dal tag <li>.
Testo che precede la lista
<ul>
<li>primo elemento</li>
<li>secondo elemento</li>
<li>terzo elemento</li>
<ul>
Testo che segue la lista
Il segno utilizzato per individuare gli elementi dell’elenco dipende dal browser, ma normalmente, di default, è
un “pallino pieno”.
E’ possibile scegliere un altro tipo di segno utilizzando sempre l’attributo “type”.
Stili consentiti
type=”disc” (di default) → pallino pieno:
• Primo elemento
• Secondo elemento
• Terzo elemento
– type=”circle” → pallino vuoto:
o Primo elemento
o Secondo elemento
o Terzo elemento
– type=”square” → quadrato pieno:
Primo elemento
Secondo elemento
Terzo elemento
N.B. L’attributo “type” è disapprovato dal W3C (World Wide Web Consortium) perché si tratta di una caratteristiche che riguarda la formattazione del testo e quindi andrebbe effettuata utilizzando i fogli di stile
CSS. Con i fogli di stile vi è in oltre la possibilità di scegliere una immagine come segno distintivo dell’elenco
puntato.