în HTML

<ol start="1">
  <li>Pasul unu</li>
  <li>Pasul doi</li>
</ol>

Ce face <ol>

Tagul <ol> (ordered list) se folosește atunci când ordinea elementelor este importantă: pași de urmat într-un tutorial, rețete culinare sau clasamente.

Browserul numerotează automat elementele, chiar dacă adaugi sau ștergi elemente pe parcurs. Poți controla numărul de start cu atributul start sau poți număra invers cu reversed.

Atribute

Atribut	Descriere
start	Numărul de la care începe numerotarea (implicit 1).
type	Stilul de numerotare: „1” (cifre arabe), „A” (litere mari), „a” (litere mici), „I” (cifre romane mari), „i” (romane mici).
reversed	Numerotează lista în ordine descrescătoare (ex. de la 3 la 1).

Exemple

Exemplul 1: Pași de instalare numerotați automat

Dacă adaugi un pas la mijloc, restul numerotării se decalează automat.

<ol>
  <li>Descarcă arhiva cu fișiere.</li>
  <li>Dezarhivează fișierele în folderul proiectului.</li>
  <li>Deschide fișierul index.html în browser.</li>
</ol>

Ce afișează browserul

1. Descarcă arhiva cu fișiere.
2. Dezarhivează fișierele în folderul proiectului.
3. Deschide fișierul index.html în browser.

Greșeli frecvente

• Scrierea numerelor de mână în text (ex.
• 1. Pasul unu

), ceea ce duce la dublarea numerelor în browser (1. 1. Pasul unu).

Comenzi înrudite

• <ul>: Creează o listă neordonată, în care elementele sunt marcate prin buline (puncte), fără o ordine numerică specifică.
• <li>: Reprezintă un element individual într-o listă ordonată (ol) sau neordonată (ul).