Come creare un elenco numerato in HTML

Come creare un elenco numerato in HTML

Come creare un elenco numerato in HTML

Gli elenchi numerati, permettono di elencare diversi elementi, allineandoli uno sotto l’altro ordinandoli numericamente o alfabeticamente.

In questo articolo andremo a vedere come creare un elenco ordinato, e come associare gli attributi e modificarne lo stile in CSS.

Nel precedente articolo abbiamo visto come creare un elenco puntato in HTML, il funzionamento dell’elenco ordinato o numerico è molto simile, ma offre la possibilità di inserire qualche attributo in più.

Per cominciare, l’elenco ordinato va inserito all’interno dei tag OL (Ordered List), ed ogni elemento dell’elenco va inserito nei tag LI (List Item).

Quindi un esempio di Elenco Ordinato potrebbe essere:

<ol>
<li> Elemento 1</li>
<li> Elemento 2</li>
<li> Elemento 3</li>
</ol>

E’ importante chiudere i tag li dopo ogni elemento, ed il tag ol alla fine della lista.

Questo tag permette di inserire 3 attributi: reversed, start e type.

  • reversed: non necessita di nessun valore ed inverte la numerazione degli elementi (es. con 4 elementi avremo 4,3,2,1)
  • start: Permette di impostare il numero di partenza della nostra lista, e si scrive aggiungendo dopo l’uguale il valore di partenza (es. start=5)
  • type: Stabilisce il tipo di numerazione che vogliamo usare ed i valori possibili sono 1, A, a, I, i (1: elenco numerico, A elenco alfabetico maiuscolo, a elenco alfabetico minuscolo, I elenco romano maiuscolo, i elenco romano minuscolo, l’attributo type si inserisce scrivendo type=”1″, quindi aggiungendo dopo l’uguale tra virgolette il tipo di elenco che vogliamo utilizzare).
Claudio Masci
Claudio Masci

Sono innanzitutto un appassionato di informatica e tecnologia in generale. Lavoro in ambito informatico da circa 16 anni, spaziando in diversi campi, andando dalla programmazione web, allo sviluppo di software, dalla grafica alla modellazione 3d ed al video editing, ho sempre voluto approfondire ogni aspetto e questo mi ha permesso di lavorare in diversi ambiti informatici.

Lascia un commento

X
Mostra
facebook
twitter
youtube
reddit
follow us in feedly
Flipboard