LECȚIA 05 DIN 120

Liste ordonate și neordonate

Alege tipul listei după sensul informației.

Sursă oficialăWHATWG HTML — listsRevizuit: 2026-08-26
PASUL 1 · ÎNVAȚĂ

Cum funcționează

ul grupează elemente fără ordine, iar ol exprimă o succesiune.

Exemplu corect
<ul>
  <li>HTML</li>
  <li>CSS</li>
</ul>
<ol>
  <li>Planifică</li>
  <li>Construiește</li>
</ol>

Tehnologiile nu au o ordine obligatorie, deci folosesc ul. Pașii trebuie urmați în succesiune, deci folosesc ol.

Greșeală frecventă
<p>1. Planifică<br>2. Construiește</p>

Numerele scrise manual și br imită aspectul unei liste, dar nu oferă structură semantică.

PASUL 2 · APLICĂ

Exercițiul tău

Creează un ul cu trei tehnologii și un ol cu trei pași.

PASUL 3 · CONSTRUIEȘTE

Scrie și vezi rezultatul

index.htmlHTML
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ

Ce trebuie să treacă

0%neverificat
  • Există un ul.
  • ul are minimum trei li.
  • Există un ol.
  • ol are minimum trei li.
Explică-mi logica rezolvării

Întreabă-te dacă schimbarea ordinii modifică sensul: dacă da, folosește ol; dacă nu, folosește ul.