Osnove HTML

Tabele

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).