Guida HTML Capitolo 10° – Gli Elenchi

Spesso navigando in Internet si incontrano degli Elenchi. Questi possono essere di due tipi: Ordinati e non Ordinati.

Partiamo dagli elenchi ordinati, bisogna imparare 2 tag:

  • <ol>  –  (Order List) Che serve per iniziare lelenco ordinato.
  • <li>   –  (List Item) Che serve per inserire testi nella lista.

Ecco un esempio di elenco ordinato:

01.<html>
02.<head>
03.<title>Formattazione dei testi</title>
04.</head>
05.<body>
06.<ol>
07.<li>Primo elemento della lista</li>
08.<li>Secondo elemento</li>
09.<li>Terzo elemento...</li>
10.<li>Quarto elemento...</li>
11.</ol>
12.</body>
13.</html>

Come si può vedere una lista può avere quanti elementi si vuole e questi verranno numerati.

Le liste non ordinate, invece, funzionano allo stesso modo, ma, invece di usare <ol> per aprire la lista, bisogna usare: <ul>, cioè Unorder List (Lista non Ordinata).

Ecco un esempio che riporta lo stesso risultato di prima, ma usando una lista non ordinata:

01.<html>
02.<head>
03.<title>Formattazione dei testi</title>
04.</head>
05.<body>
06.<ul>
07.<li>Primo elemento della lista</li>
08.<li>Secondo elemento</li>
09.<li>Terzo elemento...</li>
10.<li>Quarto elemento...</li>
11.</ul>
12.</body>
13.</html>

Inoltre, se si opera su liste non ordinate, <li> può avere anche un attributo particolare, type. Se questo non è presente ogni elemento della lista sarà contrassegnato da un pallino pieno. Type può essere impostato, ad esempio, su circle se si vuole che ci siano pallini vuoti, oppure su square se si vuole che ci siano dei quadratini.

Guida HTML Capitolo 10° – Gli Elenchi
Ti piace FratelloGeek.com?