MP Web Studio
HTMLTraseu de bază
08 / 120

LECȚIA 08 DIN 120

Tabel pentru date

Prezintă date comparabile într-un tabel accesibil.

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

Cum funcționează

Tabelele sunt pentru date. caption și th explică relațiile.

Exemplu corect
<table>
  <caption>Durata serviciilor</caption>
  <thead><tr><th scope="col">Serviciu</th><th scope="col">Durată</th></tr></thead>
  <tbody><tr><td>Audit</td><td>2 zile</td></tr></tbody>
</table>

caption numește setul de date. thead și tbody separă anteturile de valori, iar scope leagă fiecare th de coloana lui.

Greșeală frecventă
<table><tr><td>Serviciu</td><td>Durată</td></tr></table>

Primul rând arată ca un antet, dar td nu declară relația dintre etichetă și coloană.

PASUL 2 · APLICĂ

Exercițiul tău

Adaugă caption, thead, tbody, două th scope="col" și două rânduri.

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
  • Tabelul are caption.
  • Tabelul separă thead de tbody.
  • Coloanele folosesc th scope="col".
  • Tbody are două rânduri.
Explică-mi logica rezolvării

Începe cu caption, mută anteturile în thead și valorile în tbody, apoi declară scope pentru fiecare th.