HTML - Tabuľky

Na Webe sa tabuľky používajú na dva účely - stĺpcový design alebo bežné zobrazenie údajov (ako v knihách).

Jednoduchá tabuľka

Základom je párový tag TABLE. Doňho vkladáme riadky TR a stĺpce TD. Tých môže byť aj viacej.

Zobrazí sa asi takto:

Nevyzerá to presvedčivo? Skúsime vykresliť okolo tabuľky rámček. Použijeme atribút BORDER tagu TABLE. Hodnotou je šírka rámčeka.

Ďalšími dôležitými atribútmi značky TABLE sú SUMMARY (popis tabuľky pre nevizuálne prehliadače) a WIDTH (šírka tabuľky).

Tag TR má zas atribúty ALIGN (zarovnanie - left, center, right, justify, char) a VALIGN (vertikálne zarovnanie - top, middle, bottom, baseline).

Členenie

V riadku tabuľky TR sa môže nachádzať aj tag TH - záhlavie.

Iný spôsob je použitie tagu CAPTION. Ten sa nachádza priamo v TABLE.

Existujú aj značky THEAD (hlavička), TBODY (telo) a TFOOT (päta tabuľky). V súčasnosti však nie sú podporované prehliadačmi, takže sa nimi nebudeme zaoberať.

Zoskupovanie

Niekedy sa zíde, aby bunka presahovala cez viac riadkov. Skúsime tagu TD priradiť atribút ROWSPAN s hodnotou 2.

Podobne sa správa aj COLSPAN, ale bunka bude presahovať cez stĺpce.