sei sul sito di Giovanni Fraterno
Il tag OL prevede al suo interno
il tag LI.
Entrambi servono
per una visualizzazione ordinata di un elenco puntato.
La sintassi:
<OL>
<LI>WebLink
<LI>CSS
<LI>META
<LI>FAQ
</OL>
genera il successivo risultato:
Per default la numerazione
segue la sequenza: 1, 2 , 3, e così via, grazie però
all'attributo TYPE si possono cambiare le
voci dell'elenco in uno dei seguenti modi:
TYPE=”A” (lettere maiuscole, ovvero: A ,
B, C, ...)
TYPE=”a” (lettere minuscole, ovvero: a, b, c, ...)
TYPE=”I” (numerazione romana maiuscola, ovvero: I, II, III, ...)
TYPE=”i” (numerazione romana minuscola, ovvero: i, ii, iii, ...)
TYPE=”1” (i numeri: 1, 2, 3, ...)
In tal modo la sintassi:
<OL
TYPE="a">
<LI>WebLink
<LI>CSS
<LI>META
<LI>FAQ
</OL>
genera il successivo risultato:
Nel caso in cui si volesse
ad esempio partire da un qualsiasi numero diverso da "1" o da una
lettera diversa da "a", sarà sufficiente fare uso dell'attributo START impostando il numero o la lettera da cui
iniziare l'incremento.
In tal modo la sintassi:
<OL TYPE=”1” START="3">
<LI>WebLink
<LI>CSS
<LI>META
<LI>FAQ
</OL>
genera il successivo risultato:
Vediamo un esempio anche nel
caso in cui si adoperino le lettere.
Volendo iniziare dalla
lettera "c", ed essendo questa la terza lettera dell'alfabeto, si
dovrà inserire il numero "3":
Insomma la sintassi:
<OL
TYPE="a" START="3">
<LI>WebLink
<LI>CSS
<LI>META
<LI>FAQ
</OL>
genera il successivo risultato:
Il tag UL prevede anche lui al suo interno
il tag LI.
Entrambi però servono per
una visualizzazione non ordinata di un elenco puntato.
La sintassi:
<UL>
<LI>WebLink
<LI>CSS
<LI>META
<LI>FAQ
</UL>
genera il successivo risultato:
Per default il simbolo che
compare è il disco solido, grazie però all'attributo TYPE
si possono cambiare i simboli dell'elenco in uno dei seguenti modi:
TYPE=”disc” (disco solido)
TYPE=”circle” (cerchietto vuoto)
TYPE=”square” (quadrato solido)
In tal modo la sintassi:
<UL
TYPE="circle">
<LI>WebLink
<LI>CSS
<LI>META
<LI>FAQ
</UL>
genera il successivo risultato:
La sintassi invece:
<UL
TYPE="square">
<LI>WebLink
<LI>CSS
<LI>META
<LI>FAQ
</UL>
genera il successivo
risultato: