Tabele omogočajo razporeditev podatkov v vrstice in stolpce. Tabela v jeziku HTML je sestavljena iz celic tabele, ki so razvrščene znotraj vrstic (in stolpcev). Vsaka celica tabele je definirana z značkama <td>
in </td>
, pri čemer je td
podatek tabele (ang. table data). Vsebina med značkama <td>
in </td>
je vsebina celice tabele. Celice lahko vsebujejo vse vrste elementov HTML – besedilo, slike, sezname, druge tabele itd.
Vsaka vrstica tabele je definirana z značkama <tr>
in </tr>
, pri čemer je tr
vrstica tabele (ang. table row). Tabela lahko vsebuje poljubno število vrstic, pri čemer je pomembno, da je število celic v vsaki vrstici enako.
Če želimo, da ima tabela glavo, potem pri ustreznih celicah uporabimo element <th>
namesto elementa <td>
, pri čemer je th
glava tabele (ang. table header). Privzeto je besedilo v elementih <th>
izpisano krepko in sredinsko poravnano, vendar lahko to spremenimo s CSS.
Včasih želimo združiti več celic v isti vrstici ali v istem stolpcu. Če želimo združiti več celic v isti vrstici, potem pri elementu <tr>
prve celice združenega območja dodamo atribut colspan="2"
, pri čemer število 2 pomeni, da se združeno območje razteza preko dveh stolpcev. Če želimo združiti več celic v istem stolpcu, potem pri elementu <tr>
prve celice združenega območja dodamo atribut rowspan="9"
, pri čemer število 9 pomeni, da se združeno območje razteza preko devetih vrstic (glej primer).