Nadpisy stlpcov a riadkov tabuliek su dane elementom TH. Zvycajne sa zobrazuju tucnym pismom. Samotne data tabulky su dane elementom TD. Napriklad:

<TABLE> <TR><TH>Osobne<BR>cislo<TH>Meno<TH>Priezvisko<TH>Telefonne<BR>cislo <TR><TD>1<TD>Frantisek<TD>Tomas<TD>0872 123 09 <TR><TD>5<TD>Helena<TD>Zelena<TD>123 456 </TABLE>
Osobne
cislo		MenoPriezviskoTelefonne
cislo
1FrantisekTomas0872 123 09
5HelenaZelena123 456

Osobne cisla by bolo vhodne vycentrovat a telefonne cisla zarovnat doprava. Urobime to atributom ALIGN.

<TABLE BORDER=3 CELLPADDING=3> <TR><TH>Osobne<BR>cislo<TH>Meno <TH>Priezvisko<TH>Telefonne<BR>cislo <TR><TD ALIGN=center>1 <!-- Osobne cislo zarovnane na stred --> <TD>Frantisek<TD>Tomas <!-- Standardne zarovnanie (dolava) --> <TD ALIGN=right>0872 123 09 <!-- Telefonne cislo zarovnane k pravemu okraju bunky --> <TR><TD ALIGN=center>5 <!-- stred --> <TD>Helena<TD>Zelena <!-- standard --> <TD ALIGN=right>123 456 <!-- doprava --> </TABLE>
Osobne
cislo		Meno PriezviskoTelefonne
cislo
1 FrantisekTomas 0872 123 09
5 HelenaZelena 123 456

Kazdej bunke tabulky mozeme nastavit jej sirku a vysku (teda rozmery okna do ktoreho sa zobrazi jej obsah) Urobime to atributmi WIDTH a HEIGHT. Tato vyska a sirka sa udava v pixeloch a prezerac ju dodrzi pokial nie je v konflikte s ostatnymi bunkami.

<TABLE BORDER=3> <CAPTION>Zakladne cislovky a ich vyslovnost</CAPTION> <TR ALIGN=center><TD WIDTH=30>1<TD WIDTH=100>Jeden <!-- Sirka buniek v riadku je 30, 100, 30 a 100 pixelov--> <TD WIDTH=30>6<TD WIDTH=100>Sest <!-- Ostatne bunky v stlpcoch pod nimi -- budu mat rovnaku sirku --> <TR ALIGN=center><TD>2<TD>Dva<TD>7<TD>Sedem <TR ALIGN=center><TD>3<TD>Tri<TD>8<TD>Osem <TR ALIGN=center><TD>4<TD>Styri<TD>9<TD>Devat <TR ALIGN=center><TD>5<TD>Pat<TD>0<TD>Nula </TABLE>
Zakladne cislovky a ich vyslovnost
1Jeden 6Sest
2Dva7Sedem
3Tri8Osem
4Styri9Devat
5Pat0Nula

To ze sa obsah buniek vykresluje iba do okna zadaneho atributmi WIDTH a HEIGHT je pekne vidno ak sirku tabulky zvolime vacsiu ako by bola povodna sirka (napr. <TABLE WIDTH=50%>) a zvolime rozne sposoby zarovnaia buniek v riadku (napr. <TR ALIGN=right>).

<TABLE BORDER=3 WIDTH=50%> <!-- Sirka celej tabulky je 50% sirky okna --> <CAPTION>Zakladne cislovky a ich vyslovnost</CAPTION> <TR ALIGN=left><TD WIDTH=30>1<TD WIDTH=100>Jeden <!-- Sirka zobrazovacich okien buniek v prvych --> <TD WIDTH=30>6<TD WIDTH=100>Sest <!-- troch riadkoch je 30, 100, 30 a 100 pixelov --> <TR ALIGN=center><TD WIDTH=30>2<TD WIDTH=100>Dva <TD WIDTH=30>7<TD WIDTH=100>Sedem <TR ALIGN=right><TD WIDTH=30>3<TD WIDTH=100>Tri <TD WIDTH=30>8<TD WIDTH=100>Osem <TR ALIGN=left><TD>4<TD>Styri<TD>9<TD>Devat <!-- Tieto bunky maju rovnake rozmery --> <TR ALIGN=center><TD>5<TD>Pat<TD>0<TD>Nula <!-- ale zobrazovacie okno tvori cela bunka --> <TR ALIGN=right><TD>10<TD>Desat<TD>100<TD>Sto </TABLE>
Zakladne cislovky a ich vyslovnost
1Jeden 6Sest
2Dva 7Sedem
3Tri 8Osem
4Styri9Devat
5Pat0Nula
10Desat100Sto

Vsimnite si ako sa zobrazil obsah buniek jednotlivych riadkov. Najvacsie rozdiely vidno u riadkov ktore maju obsah buniek zarovnany doprava (< TR ALIGN=right>).

Kazda bunka tabulky moze "preklenut" viac riadkov alebo stlpcov. Dosiahneme to atributmi COLSPAN pre pocet stlpcov a ROWSPAN pre pocet riadkov.

<TABLE BORDER=3> <TR><TH ROWSPAN=2><TH COLSPAN=2>Priemena <TH ROWSPAN=2>Ina<BR>kategoria<TH>Rozne <TR><TH>vyska [cm]<TH>vaha [kg] <TR><TH>Muzi<TD>185<TD>75 <TR><TH>Zeny<TD>173<TD>63 </TABLE>
Priemena Ina
kategoria		Rozne
vyska [cm]vaha [kg]
Muzi18575
Zeny17363

Standardne ja nastavene zarovnavanie textu na maximalnu velkost bunky (t.j. slovo ktore uz do bunky nevojde sa presunie do dalsieho riadku - wrap). To sa da vypnut atributom NOWRAP. Sirka bunky sa potom odvodi od velkosti jej obsahu. To iste sa da dosiahnut pouzivanim entity &nbsp; (medzera na ktorej sa nezalomuje) namiesto standardnych medzier (ASCII 32). Zalomenie riadku sa potom musi urobit explicitne (elementom BR).

<CENTER> <!-- Tabulka bude v strede --> <TABLE BORDER=5 WIDTH=75%> <!-- Velkost tabulky je 3/4 okna --> <CAPTION>Atributy elementu <A HREF="hlavicka.html#LINK"><CODE>LINK</CODE></A> </CAPTION> <TR><TH>Atribut<TH>Strucny popis <TR><TH ALIGN=left VALIGN=top>HREF <TD>Specifikuje <A HREF="pojmy.html#URL">URL</A> ukazujucu na pripajany dokukent. <TR><TH ALIGN=left VALIGN=top>REL <TD>Relacia znama aj ako "typ linky". Specifikuje pomenovanu relaciu z daneho doumentu na zdroj specifikovany atributom HREF. Relacie nie su zatial standardizovane, ale uz boli zriadene nejake konvencie. <TR><TH ALIGN=left VALIGN=top>REV <TD>Definuje opacnu relaciu. Linka z dokumentu A na dokument B s REV=<B><I>relacia</I></B> vyjadruje taku istu relaciu ako linka z B do A s REL=<B><I>relacia</I></B>. REV=<B><I>made</I></B> sa niekedy pouziva na zistenie autora dokumentu a obsahuje bud e-mail adresu autora s "mailto URL" alebo linku na home page autora. <TR><TH ALIGN=left VALIGN=top>TITLE <TD>Pomocny nazov pre linkovany objekt. </TABLE> </CENTER>
Atributy elementu LINK
AtributStrucny popis
HREF Specifikuje URL ukazujucu na pripajany dokukent.
REL Relacia znama aj ako "typ linky". Specifikuje pomenovanu relaciu z daneho doumentu na zdroj specifikovany atributom HREF. Relacie nie su zatial standardizovane, ale uz boli zriadene nejake konvencie.
REV Definuje opacnu relaciu. Linka z dokumentu A na dokument B s REV=relacia vyjadruje taku istu relaciu ako linka z B do A s REL=relacia. REV=made sa niekedy pouziva na zistenie autora dokumentu a obsahuje bud e-mail adresu autora s "mailto URL" alebo linku na home page autora.
TITLE Pomocny nazov pre linkovany objekt.

Teraz to iste ale bez zalomovania riadkov.

<CENTER> <!-- Tabulka bude v strede --> <TABLE BORDER=5 WIDTH=75%> <!-- Velkost tabulky je 3/4 okna --> ... <TR><TH ALIGN=left VALIGN=top>REL <TD NOWRAP>Relacia znama aj ako "typ linky". <!-- Obsah tohoto riadka --> Specifikujepomenovanu relaciu z daneho doumentu na zdroj <!-- sa nebude zarovnavat. --> specifikovany atributom HREF. Relacie nie su zatial <!-- To bude mat za nasledok --> standardizovane, ale uz boli zriadene nejake konvencie. <!-- zvacsenie velkosti tabulky --> ... </TABLE> </CENTER>
Atributy elementu LINK
AtributStrucny popis
HREF Specifikuje URL ukazujucu na pripajany dokukent.
REL Relacia znama aj ako "typ linky". Specifikuje pomenovanu relaciu z daneho doumentu na zdroj specifikovany atributom HREF. Relacie nie su zatial standardizovane, ale uz boli zriadene nejake konvencie.
REV Definuje opacnu relaciu. Linka z dokumentu A na dokument B s REV=relacia vyjadruje taku istu relaciu ako linka z B do A s REL=relacia. REV=made sa niekedy pouziva na zistenie autora dokumentu a obsahuje bud e-mail adresu autora s "mailto URL" alebo linku na home page autora.
TITLE Pomocny nazov pre linkovany objekt.

Ako vidno, velost tabulky sa zmenila vzhladom na velkost stlpcov. Kedze v druhom riadku bolo zarovnavanie textu vypnute, stlpec bol taky siroky aby sa don vosiel cely jeho obsah. Treti riadok zarovnavanie nemal vypnute a tak sa jeho obsah zarovnal podla druheho riadku (lebo druhy riadok urcuje velkost tabulky). Sami uznate ze to nevyzera pekne a tak to zarovname explicitne (elementom BR).

<CENTER> <!-- Tabulka bude v strede --> <TABLE BORDER=5 WIDTH=75%> <!-- Velkost tabulky je 3/4 okna --> <CAPTION>Atributy elementu <A HREF="hlavicka.html#LINK"><CODE>LINK</CODE></A> </CAPTION> <TR><TH>Atribut<TH>Strucny popis <TR><TH ALIGN=left VALIGN=top>HREF <TD NOWRAP>Specifikuje <A HREF="pojmy.html#URL">URL</A> ukazujucu na pripajany dokukent. <TR><TH ALIGN=left VALIGN=top>REL <TD NOWRAP>Relacia znama aj ako "typ linky". Specifikuje pomenovanu relaciu z daneho doumentu na zdroj specifikovany<BR> <!-- zalomenie riadku --> atributom HREF. Relacie nie su zatial standardizovane, ale uz boli zriadene nejake konvencie. <TR><TH ALIGN=left VALIGN=top>REV <TD>Definuje opacnu relaciu. Linka z dokumentu A na dokument B s REV=<B><I>relacia</I></B> vyjadruje taku istu relaciu ako<BR> <!-- zalomenie riadku --> linka z B do A s REL=<B><I>relacia</I></B>. REV=<B><I>made</I></B> sa niekedy pouziva na zistenie autora dokumentu a obsahuje bud<BR> <!-- zalomenie riadku --> e-mail adresu autora s "mailto URL" alebo linku na home page autora. <TR><TH ALIGN=left VALIGN=top>TITLE <TD NOWRAP>Pomocny nazov pre linkovany objekt. </TABLE> </CENTER>
Atributy elementu LINK
AtributStrucny popis
HREF Specifikuje URL ukazujucu na pripajany dokukent.
REL Relacia znama aj ako "typ linky". Specifikuje pomenovanu relaciu z daneho doumentu na zdroj specifikovany
atributom HREF. Relacie nie su zatial standardizovane, ale uz boli zriadene nejake konvencie.
REV Definuje opacnu relaciu. Linka z dokumentu A na dokument B s REV=relacia vyjadruje taku istu relaciu ako
linka z B do A s REL=relacia. REV=made sa niekedy pouziva na zistenie autora dokumentu a obsahuje bud
e-mail adresu autora s "mailto URL" alebo linku na home page autora.
TITLE Pomocny nazov pre linkovany objekt.