HTML: le liste

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>

Info su Francesco Bragadin

Insegno informatica e telecomunicazioni al liceo scienze applicate ed all'indirizzo informatica e telecomunicazioni. Ho terminato gli studi in ingegneria elettronica e telecomunicazioni lavorando per molti anni come libero professionista nell'ambito della gestione storage e disaster recovery su mainframe.
Questa voce è stata pubblicata in Senza categoria. Contrassegna il permalink.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *