L'importanza di un una lista all'interno di un testo può essere spesso enorme, la chiarezza e la comprensibilità immediata di queste ne fanno uno strumento fondamentale nella realizzazione di pagie web. In HTML possiamo suddividere gli elenchi in due grosse categorie:

• Elenchi ordinati
• Elenchi non ordinati

Ad esempio

1. Primo
2. Secondo
3. Terzo

è un elenco ordinato.

Una struttura del genere in HTML si realizza tramite l'ausilio dei tag <ol> e <li> dove “ol” sta per order list e “li” sta per list item. Volendo realizzare un elenco ordinato di tre elementi rispettivamente Pane, Pizza, Patatine andremo a scrivere il seguente codice HTML:

<ol>

<li>Pane

<li>Pizza

<li>Patatine

</ol>

ottenendo il seguente risultato:

1. Pane
2. Pizza
3. Patatine

Il caso degli elenchi non ordinati è molto simile al precedente con l'unica differenza che non vi sono dei numeri a caratterizzare gli elementi dell'elenco ma dei simboli, ad esempio dei cerchietti neri.

Volendo scrivere un elenco non ordinato in HTML andremo a scrivere il seguente codice:

<ul>

<li>Pane

<li>Pizza

<li>Patatine

</ul>

Con il seguente risultato:

• Pane
• Pizza
• Patatine

Avrete sicuramente notato che l'unica differenza fa i due codici stà nel utilizzo del tag <ul> (unordered list) al posto del tag <ol>.

Più avanti vedremo come, tramite l'utilizzo dei fogli di stile, è possibile andare a lavorare su vari parametri di questi elenchi puntati.

<< Pagina Precedente|Menù guida HTML|Pagina successiva >>