[HTML] Creazione di un elenco
I tipi di elenchi sono tre: ordinati (numerati), non ordinati e di definizioni. Per tutte e tre le tipologie, bisogna aprire il tag, elencare gli elementi da inserire nell'elenco, chiudere il tag (per il tag <elemento> non è necessario chiuderlo). La sintassi da inserire nel codice della pagina web, sarà:
<elenco>
<elemento>Elemento numero uno
<elemento>Elemento numero due
<elemento>Elemento numero tre
<elemento>Elemento numero quattro
</elenco>
Elenchi ordinati (numerati)
E' possibile numerare l'elenco sia con numeri (arabi o romani) che con lettere (maiuscolo o minuscolo). Il tag che si utilizza per aprire un elenco è <ol>, quello per inserire gli elementi <li>. La sintassi sarà:
Nome dell'elenco
<ol>
<li>Elemento numero uno</li>
<li>Elemento numero due</li>
<li>Elemento numero tre</li>
<li>Elemento numero quattro</li>
La visualizzazione nella pagina web sarà:
Per cambiare lo stile dell'elencazione, usiamo l'attributo type (che non è riconosciuto dal W3C ma che consente comunque la visualizzazione della pagina web). Per esempio, per una elencazione con le lettere maiuscole dell'alfabeto, la sintassi sarà:
<ol type="A">
<li>Elemento numero uno</li>
<li> Elemento numero due</li>
<li> Elemento numero tre</li>
<li> Elemento numero quattro</li>
Visualizzazione nella pagina web:
Elencazione con numeri arabi
<ol type="1">
<li>Elemento numero uno</li>
<li>Elemento numero due</li>
<li>Elemento numero tre</li>
<li>Elemento numero quattro</li>
Visualizzazione web:
Elencazione con numeri romani
<ol type="I">
<li>Elemento numero uno</li>
<li>Elemento numero due</li>
<li>Elemento numero tre</li>
<li>Elemento numero quattro</li>
Visualizzazione web:
Nome dell'elenco
<ol type="A">
<li>Elemento numero uno</li>
<li>Elemento numero due</li>
<li>Elemento numero tre</li>
<li>Elemento numero quattro</li>
Visualizzazione web:
Elencazione con le lettere dell'alfabeto in minuscolo
Nome dell'elenco
<ol type="a">
<li>Elemento numero uno</li>
<li>Elemento numero due</li>
<li>Elemento numero tre</li>
<li>Elemento numero quattro</li>
Visualizzazione web:
0 commenti:
Posta un commento