tributo a Renè Magritte
Le liste rappresentano un valido sistema per la rappresentazione di elenchi. Vengono usate soprattutto in abbinamento a immagini, spesso animate, oppure elenchi puntati usando caratteri di testo. Si possono dividere in due categorie:
- elenchi puntati o ordinati in modo progressivo
- elenchi puntati o non ordinati
Elenchi numerati
Un elenco numerato è delimitato dal tag di apertura <ol> che significa ordered List, ovvero lista ordinata, e dal tag </ol> di chiusura.
Ogni elemento della lista deve inoltre essere preceduto dal tag <li> (List Item).
Mediante l’attributo type si possono modificare gli stili dell’elenco.
| Alfabeto maiuscola | <ol type=”A”> |
| Alfabetica minuscola | <ol type=”a”> |
| Con numeri romani maiuscoli | <ol type=”I”> |
| Con numeri romani minuscoli | <ol type=”i”> |
| Con numeri | <ol type=”1″> |
Elenchi puntati
Il tag che li identifica è <ul> (Unordered List, lista non ordinata e non numerata). La differenza principale è che gli elenchi indicizzati non sono legati da stretti rapporti di successione gerarchica.
| Pallini pieni | <ul type=”disc”> |
| Pallini vuoto | <ul type=”circle”> |
| Quadratini pieni | <ul type=”square” |
Esempi
elenco numerato:
<ol>
<li>Primo
<li> Secondo
<li> Terzo
</ol>