Pro výukové účely na SPŠ Zlín
vytvořil RNDr.Vladimír Vaščák

Tabulky

2. Atributy značky <table>

bgcolor

Příklad: <table bgcolor="#FFFF00">

Kontinent	rozloha	obyvatel	obyv/km²
Evropa	10 527	687	65,26
Asie	44 413	2691	60,59
Afrika	30 319	484	15,96
Severní Amerika	21 515	250	11,62
Jiľní Amerika	20 566	373	18,14
Australie a Oceanie	8 511	24	2,82
Antarktis	13 209	0	0,00
Celkem	149 060	4509	30,25

border

Příklad: <table border="10">

Kontinent	rozloha	obyvatel	obyv/km²
Evropa	10 527	687	65,26
Asie	44 413	2691	60,59
Afrika	30 319	484	15,96
Severní Amerika	21 515	250	11,62
Jižní Amerika	20 566	373	18,14
Australie a Oceanie	8 511	24	2,82
Antarktis	13 209	0	0,00
Celkem	149 060	4509	30,25

cellspacing a cellpadding

Příklad: <table border="4" cellpadding="20" cellspacing="4"> je patrné, že cellspacing je rozestup mezi buňkami a cellpadding je "vycpávka buněk"

Kontinent	rozloha	obyvatel	obyv/km²
Evropa	10 527	687	65,26
Asie	44 413	2691	60,59
Afrika	30 319	484	15,96
Severní Amerika	21 515	250	11,62
Jižní Amerika	20 566	373	18,14
Australie a Oceanie	8 511	24	2,82
Antarktis	13 209	0	0,00
Celkem	149 060	4509	30,25

width

Příklad: <table width="600"> šířka je zadána v pixelech

Kontinent	rozloha	obyvatel	obyv/km²
Evropa	10 527	687	65,26
Asie	44 413	2691	60,59
Afrika	30 319	484	15,96
Severní Amerika	21 515	250	11,62
Jižní Amerika	20 566	373	18,14
Australie a Oceanie	8 511	24	2,82
Antarktis	13 209	0	0,00
Celkem	149 060	4509	30,25

Příklad: <table width="100%"> šířka je zadána v procentech

Kontinent	rozloha	obyvatel	obyv/km²
Evropa	10 527	687	65,26
Asie	44 413	2691	60,59
Afrika	30 319	484	15,96
Severní Amerika	21 515	250	11,62
Jižní Amerika	20 566	373	18,14
Australie a Oceanie	8 511	24	2,82
Antarktis	13 209	0	0,00
Celkem	149 060	4509	30,25

id definuje návěští pro odkazy
title definuje titulek tabulky
summary popisuje tabulku, využití ve speciálních prohlížečích např. pro nevidomé uživatele
lang a dir stejné jako u odkazů
atributy událostí stejné jako u odkazů
style a class probereme u kaskádových stylů (nejlepší způsob jak definovat vzhled tabulky)

Příklad: <table id="tabulka" title="Svět" summary="Světadíly">

Kontinent	rozloha	obyvatel	obyv/km²
Evropa	10 527	687	65,26
Asie	44 413	2691	60,59
Afrika	30 319	484	15,96
Severní Amerika	21 515	250	11,62
Jižní Amerika	20 566	373	18,14
Australie a Oceanie	8 511	24	2,82
Antarktis	13 209	0	0,00
Celkem	149 060	4509	30,25

frame vykreslení rámečku okolo (void, border, box, hsides, vsides, above, below, lhs, rhs)
rules vykreslení mřížky (none, all, rows, cols, groups)

Příklad: <table border="1" frame="lhs" rules="rows">

Kontinent	rozloha	obyvatel	obyv/km²
Evropa	10 527	687	65,26
Asie	44 413	2691	60,59
Afrika	30 319	484	15,96
Severní Amerika	21 515	250	11,62
Jižní Amerika	20 566	373	18,14
Australie a Oceanie	8 511	24	2,82
Antarktis	13 209	0	0,00
Celkem	149 060	4509	30,25

3. Značky <caption>, <thead>, <tbody>, <tfoot>

caption titulek tabulky
thead záhlaví tabulky
tbody tělo tabulky
tfoot zápatí tabulky

Příklad: <table border="1" frame="border" rules="groups"> parametr group zajistí orámování nadefinovaného záhlaví a zápatí

Kontinent	rozloha	obyvatel	obyv/km²
Evropa	10 527	687	65,26
Asie	44 413	2691	60,59
Afrika	30 319	484	15,96
Severní Amerika	21 515	250	11,62
Jižní Amerika	20 566	373	18,14
Australie a Oceanie	8 511	24	2,82
Antarktis	13 209	0	0,00
Celkem	149 060	4509	30,25

Úkol: s využitím většiny probraných atributů a značek upravte tuto tabulku:
ZDE

Světadíl	velikost	počet obyvatel
Evropa	10 000 000	750 000 000
Asie	44 000 000	3 000 000 000
Afrika	30 000 000	700 000 000
Australie	8 000 000	15 000 000
Amerika	38 000 000	600 000 000
Antarktis	15 000 000	0
Celkem	145 000 000	5 065 000 000

Například takto:
Světadíly

zpět vpřed