Tabulky v HTML

Jednim z velice beznych prvku HTML stranek jsou tabulky. Tabulka je uzavrena parovym tagem TABLE, kazda radka je uvozena tagem TR (table row), kazdy prvek tagem TD (table data). Priklad velice jednoduche tabulky: 
<TABLE>
<TR><TD>Zbozi<TD>Jakost<TD>Cena
<TR><TD>Jablka<TD>A<TD>24,30
<TR><TD>Brambory<TD>C<TD>8,20
</TABLE>
Vysledek:
ZboziJakostCena
JablkaA24,30
BramboryC8,20

V pripade, ze pouzijeme u tagu TABLE atribut BORDER, bude tabulka oramovana:

ZboziJakostCena
JablkaA24,30
BramboryC8,20

V pripade, ze pouzijeme u prvni radky (hlavickove) namisto tagu TD tagy TH (table head), budou nadpisy zvyrazneny a centrovany:

ZboziJakostCena
JablkaA24,30
BramboryC8,20

Castym jevem v tabulkach je slucovani prvku. V pripade, ze prvek tabulky ma pokryvat vice sloupcu, pouzijeme u nej atribut COLSPAN, pokud pokryva vice radek, pak atribut ROWSPAN (pozor na to, ze prekryta pole se uz nesmi v popisu objevit!). Priklad: 

<TABLE BORDER>
<TR><TH ROWSPAN=2>Zbozi<TH ROWSPAN=2>Jakost<TH COLSPAN=2>Cena
<TR>                                       <TH>bez DPH<TH>s DPH
<TR><TD ROWSPAN=2>Jablka<TD>A<TD>24,30<TD>29,80
<TR>                    <TD>C<TD>18,50<TD>22,80
<TR><TD>Brambory<TD>C<TD>8,20<TD>10,10
</TABLE>
Vysledek:
ZboziJakostCena
bez DPHs DPH
JablkaA24,3029,80
C18,5022,80
BramboryC8,2010,10

Jednotlive prvky tabulky je nekdy vhodne zarovnavat. Horizontalni zarovnani zadame atributem ALIGN (bezne hodnoty: LEFT, RIGHT a CENTER), svisle atributem VALIGN (bezne hodnoty: MIDDLE, TOP a BOTTOM). Priklad: 

<TABLE BORDER>
<TR><TH ROWSPAN=2>Zbozi<TH ROWSPAN=2>Jakost<TH COLSPAN=2>Cena
<TR>                                       <TH>bez DPH<TH>s DPH
<TR><TD ROWSPAN=2 VALIGN=TOP>Jablka
    <TD ALIGN=CENTER>A<TD ALIGN=RIGHT>24,30 <TD ALIGN=RIGHT>29,80
<TR>
    <TD ALIGN=CENTER>C<TD ALIGN=RIGHT>18,50 <TD ALIGN=RIGHT>22,80
<TR><TD>Brambory
    <TD ALIGN=CENTER>C<TD ALIGN=RIGHT>8,20 <TD ALIGN=RIGHT>10,10
</TABLE>
Vysledek:
ZboziJakostCena
bez DPH s DPH
JablkaA24,30 29,80
C18,50 22,80
BramboryC8,20 10,10