Tabulky

P°ehled tag∙ z oblasti tabulek
Tag	V²znam	Pßrov²	V²skyt
table	tabulka	ano
tr	°ßdek tabulky	nepovinn∞	<table>, <tbody>, <thead>, <tfoot>
td	bu≥ka tabulky	nepovinn∞	<tr>
th	hlaviΦkovß bu≥ka tabulky	nepovinn∞	<tr>
caption	hlaviΦka tabulky	ano	<table>
col	ovlivn∞nφ sloupce tabulky	ne	<table>
colgroup	skupina sloupc∙ tabulky	ne	<table>
tbody	t∞lo tabulky	ano	<table>
thead	hlaviΦka tabulky	ano	<table>
tfoot	patiΦka tabulky	ano	<table>

table

Tabulka. Uzavφrß celou strukturu tabulky, obsahuje dal╣φ elementy; zejmΘna °ßdky tabulky <tr>.

P°φklad tabulky 2x2:
<table>
<tr><td>hornφ levß bu≥ka</td><td>hornφ pravß</td></tr>
<tr><td>dolnφ levß</td><td>dolnφ pravß</td></tr>
</table>

Tag <table> m∙╛e mφt krom∞ obecn²ch mnoho dal╣φch atribut∙:

Atributy tagu <table>
atribut	v²znam	mo╛nΘ hodnoty
align	obtΘkßnφ tabulky ostatnφm textem	left, right, center
cellpadding	vnit°nφ okraj bun∞k	pixely
cellspacing	vn∞j╣φ okraj bun∞k	pixely
border	╣φ°ka rßmeΦku bun∞k	pixely
width	minimßlnφ ╣φ°ka tabulky	dΘlka nebo procento
height	minimßlnφ v²╣ka	dΘlka nebo procento
background	obrßzek na pozadφ	URL obrßzku
bgcolor	barva pozadφ	barva
bordercolor	barva rßmeΦku	barva
bordercolorlight	sv∞tlej╣φ vykreslovacφ barva rßmeΦku	barva
bordercolordark	tmav╣φ vykreslovacφ barva rßmeΦku	barva
frame	vykreslenφ rßmeΦku okolo	void, border, box, hsides, vsides, above, below, lhs, rhs
rules	vykreslenφ m°φ╛ky	none, all, rows, cols, groups

Tag <table>, atribut align
align=	v²znam
left	tabulka je umφst∞na vlevo a obtΘkßna textem
right	tabulka je umφst∞na vpravo a obtΘkßna textem
center	tabulka je vyst°ed∞na a nenφ obtΘkßna

Co se t²kß ╣φ°ky tabulek, atribut width nastavuje pouze minimßlnφ ╣φ°ku, nikoli v╛dy ╣φ°ku skuteΦnou. SkuteΦnß ╣φ°ka m∙╛e b²t v∞t╣φ, pokud bude v∞t╣φ souΦet ╣φ°ek sloupc∙. Ka╛d² sloupec je tak ╣irok², jak je ╣irokß jeho nej╣ir╣φ bu≥ka.

Tag <table>, atribut frame
frame=	v²znam
void	tabulka nemß rßmeΦek
border (standardnφ hodnota)	rßmeΦek je okolo celΘ tabuly
box	rßmeΦek je okolo celΘ tabuly
hsides	horizontßlnφ okraje (= hornφ a dolnφ)
vsides	vertikßlnφ okraje (= prav² a lev²)
above	zobrazφ se pouze hornφ okraj tabulky
below	pouze spodnφ okraj
lhs	levß strana tabulky
rhs	pravß strana tabulky

Nßzev atributu "frame" nemß nic spoleΦnΘho s rßmy!

Tag <table>, atribut rules
rules=	v²znam
none	m°φ╛ka nebude vykreslena
all (standardnφ hodnota)	m°φ╛ka bude mezi v╣emi bu≥kami tabulky
rows	m°φ╛ka bude pouze mezi °ßdky
cols	m°φ╛ka je pouze mezi sloupci tabulky
groups	m°φ╛ka bude pouze mezi oddφly tabulky (taby tbody a thead) a mezi skupinami sloupc∙ (tag colgroup)

Atributy frame a rules fungujφ jedin∞ p°i nenulovΘm rßmeΦku (nesmφ b²t <table border="0">.

tr

╪ßdek tabulky. Z angl. table row. Musφ b²t uvnit° elementu <table> a smφ obsahovat pouze bu≥ky (<td> a <th>). P°φpustn²mi (ale neu╛φvan²mi) atributy jsou height, background, bgcolor. Jde o tag pßrov², ale pokud se neuvede koncovß znaΦka, tak se nic nestane, proto╛e to je stejn∞ v╛dycky p°ed zaΦßtkem novΘho °ßdku nebo p°ed koncem tabulky.

td

Bu≥ka tabulky. Musφ b²t umφst∞na v °ßdku <tr>. <td> je pßrov² tag, ale pokud se neuzav°e, tak si s tφm prohlφ╛eΦe poradφ. Krom∞ obecn²ch atribut∙ mß tyto:

Atributy tagu <td>
atribut	v²znam	hodnoty
align	horizontßlnφ zarovnßnφ obsahu	left, center, right, justify
valign	vertikßlnφ zarovnßnφ obsahu	top, middle, bottom, baseline
width	doporuΦenß ╣φ°ka bu≥ky	dΘlka nebo procento
height	minimßlnφ v²╣ka °ßdku	dΘlka
nowrap	obsah bu≥ky se nebude zalamovat	bez hodnoty
background	obrßzek na pozadφ	URL obrßzku
bgcolor	barva pozadφ	barva
bordercolor	barva rßmeΦku	barva
bordercolorlight	sv∞tlej╣φ vykreslovacφ barva rßmeΦku	barva
bordercolordark	tmav╣φ vykreslovacφ barva rßmeΦku	barva
rowspan	p°esah bu≥ky na n dal╣φch °ßdk∙ (spojenφ bun∞k)	poΦet p°esahujφcφch °ßdk∙
colspan	p°esah bu≥ky do dal╣φch sloupc∙	poΦet p°esahujφcφch sloupc∙

Tag <td>, atribut align
align=	v²znam
left	zarovnßnφ obsahu doleva (nenφ nutno nastavovat)
right	zarovnßnφ obsahu bu≥ky vpravo
center	zarovnßnφ na st°ed
justify	zarovnßnφ do bloku

Tag <td>, atribut valign
valign=	v²znam
middle	vertikßlnφ zarovßnφ na st°ed (v²chozφ hodnota)
top	vertikßlnφ zarovnßnφ obsahu bu≥ky nahoru
bottom	vertikßlnφ zarovnßnφ dol∙
baseline	vertikßlnφ zarovnßnφ textu k jin²m text∙m v °ßdku

Velmi slo╛itΘ tΘma jsou ╣φ°ky bun∞k. Zßkladnφ pravidlo °φkß, ╛e v╣echny bu≥ky v jednom sloupci jsou stejn∞ ╣irokΘ. ⌐φ°ka sloupce je vzata od jeho nej╣ir╣φ bu≥ky.

V²slednß ╣φ°ka bun∞k je dßle ovlivn∞na jednak atributem width, ale takΘ obsahem bu≥ky, nastavenφm ╣φ°ky tabulky a ╣φ°kou ostatnφch sloupc∙ bun∞k. Neznßm obecn² algoritmus vyhodnocovßnφ ╣φ°ky, ale i to, co vφm, je stra╣n∞ dlouhΘ, proto to sem nepφ╣u.

V²╣ka bu≥ky je jednodu╣╣φ zßle╛itost, proto╛e vertikßlnφho mφsta je nekoneΦno (horizontßlnφ je omezeno ╣φ°kou strßnky/okna).

Atributy rowspan a colspan vlastn∞ spojujφ bu≥ky (nebo lΘpe °eΦeno vyznaΦuje p°esah). Rowspan p°esahuje bu≥ku do dal╣φch °ßdk∙, colspan do sloupc∙. Na mφst∞, kam bu≥ka p°esßhla, se do HTML zßpisu nic nedßvß.

P°φklad tabulky 2x2 se spojen²m lev²m sloupeΦkem:
<table>
<tr><td rowspan=2>levß bu≥ka</td><td>hornφ pravß</td></tr>
<tr><td>dolnφ pravß</td></tr>
</table>

th

HlaviΦkovß bu≥ka. Chovß se ·pln∞ stejn∞ jako <td> pouze s tφm rozdφlem, ╛e text je tuΦn² a v bu≥kßch vyst°ed∞n². Mß stejn² zßpis i atributy jako <td>.

caption

Nadpis tabulky (hlaviΦka). V HTML zßpisu mß nßsledovat za znaΦkou <table> p°ed prvnφm °ßdkem. Zobrazuje se jako vyst°ed∞n² text nad tabulkou.

Atributy tagu <caption>
atribut	v²znam	mo╛nΘ hodnoty
align	horizontßlnφ zarovnßnφ	left, center, right
valign	nad nebo pod tabulkou	top, bottom

Atribut valign=bottom zp∙sobφ zobrazenφ pod tabulkou.

<Caption> m∙╛e obsahovat cokoliv, ale nejΦast∞ji se tam dßvß n∞jak² popisek tabulky.

Sprßvn∞ by ka╛dß tabulka m∞la obsahovat pouze jednu <caption>, ale kdy╛ se jich tam zapφ╣e vφce, prohlφ╛eΦe je zobrazφ.

Dal╣φ tagy existujφ pouze v HTML verze 4.0 a v╣φmajφ si jich jen nov∞j╣φ prohlφ╛eΦe.

col

Sloupec. Umo╛≥uje nastavit n∞jakou vlastnost v╣em bu≥kßm v jednom sloupci (nap°φklad ╣φ°ku nebo zarovnßnφ). Nepßrov² tag uvßd∞n² za tagem <table>. Nenφ nutno <col> pou╛φvat, ale kdy╛ u╛, tak by jich m∞lo b²t tolik, kolik je sloupc∙ (nebo pou╛φt atribut span). Tagy <col> se vztahujφ ke sloupc∙m v tom po°adφ, jak jsou zapsßny.

Mo╛n²mi atributy jsou align a valign s hodnotami stejn²mi jako u bun∞k. Pravd∞podobn∞ budou fungovat i atributy pro formßtovßnφ bun∞k (jako bgcolor). DoporuΦuji ale nastavovat formßtovßnφ CSS stylem, to bude fungovat urΦit∞.

Atribut span usnad≥uje v²pis n∞kolika stejn²ch sousednφch tag∙ <col>. Mφsto aby se psalo enkrßt <col>, tak se napφ╣e <col span=n>.

<table>
<col align=right>
<col span=2 align=center>
<tr> <td>vpravo zarovnan² sloupec</td> <td>Vycentrovan² sloupec</td> <td>Dal╣φ vycentrovan² sloupec.</td> </tr>
</table>

Sprßvn∞ by m∞la b²t skupin∞ tag∙ <col> p°ed°azen tag <colgroup>. Ale funguje to i bez toho.

Pou╛φtφ tag∙ <col> se vyplatφ pouze u v∞t╣φch, slo╛it∞ji formßtovan²ch tabulek.

colgroup

Skupina sloupc∙. Mßm-li b²t up°φmn², moc nechßpu rozdφl mezi <col> a <colgroup>. JedinΘ dva rozdφly:

pokud jsou v n∞jakΘ tabulce uvedeny <col> i <colgroup>, <colgroup> jsou zanedbßvßny Ale jejich atributy platφ pro nßsledujφcφ tagy <col>
colgroup jsou brßny v potaz p°i <table rules="groups">, to se t²kß vykreslovßnφ m°φ╛ky.

tbody

T∞lo tabulky (nebo takΘ skupina °ßdek). Zbytn² tag. Vyskytuje se v elementu <table> vn∞ °ßdk∙. V jednΘ tabulce m∙╛e b²t vφce <tbody>. Obsahujφ °ßdky (tagy <tr>). Nemajφ zatφm ╛ßdn² smysl krom∞ vykreslovßnφ m°φ╛ky p°i <table rules="groups"> a lze je pou╛φt p°i skriptovßnφ. V budoucnu se oΦekßvß, ╛e budou v aplikacφch funkΦn∞ sdru╛ovat °ßdky. Atributy align, valign a bgcolor se stejnou funkcφ jako u <td>.

thead

Skupina °ßdk∙, kterß je zßhlavφm tabulky. Zbytn² tag, velmi podobn² tagu <tbody>. V budoucnu se oΦekßvß, ╛e se zßhlavφ tabulky bude tisknout na ka╛dΘ strßnce a p°i rolovßnφ bude setrvßvat na mφst∞ (zatφm to nefunguje). Stejn∞ jako <tbody> mß dnes funkci pouze p°i vykreslovßnφ m°φ╛ky a skriptovßnφ. Atributy align, valign a bgcolor se stejnou funkcφ jako u <td>.