Definování
tabulky:
<table>...</table>
... párový tag pro
tabulku, tabulka s neviditelným rámečkem je základem
tvorby webu, skládá ze řádků, řádky z
buněk
<table> ...
začátek tabulky
<caption>...</caption>
... párový tag nadpisu
tabulky
<tr>...</tr>
... párový tag řádku
<th>...</th>
... párový tag hlavičky
buňky, řádku nebo sloupce
<td>...</td>
... párový tag
normální buňky
</table> ... konec tabulky
Do buňky lze vkládat tabulky, seznamy, obrázky |
Definování
tabulky:
<table>
<tr>
<th>Hlavička tabulky</th>
</tr>
<tr>
<td>Buňka
1</td><td>Buňka
2</td>
<td>Buňka 3</td>
</tr>
</table> |
Definování tabulky:
Hlavička tabulky
|
Buňka
1
|
Buňka
2
|
Buňka
3
|
|
|
Atributy
tabulky:
border= - tloušťka rámečku, implicitně 0 nebo 1,
border=0 ... tabulka bez rámečku
cellspacing= - vzdalenostmezi buňkami
v tabulce, implicitně je cellspacing=1
cellpadding= - mezera mezi vnitřním okrajem tabulky a
textem uvnitř tabulky, implicitně cellpadding=1
bgcolor= - barva pozadí tabulky, může ji přebít
barva buňky, implicitně je"průhledná"
bacground= - obrázek pozadí tabulky, za URL adresa
obrázku
bordercolor= - barva rámečku
bordercolordark=
- barva tmavší části rámečku
bordercolorlight=
- barva světlejší části rámečku
align= - zarovnání tabulky vzhledem k šířce
stránky
rules= - které vnitřní rámečky se zobrazí
rules=none - odstraní vnitřní rámečky
rules=rows - zobrazí linky mezi řádky
rules=cols - zobrazí linky mezi sloupci
rules=all - zobrazí všechny vnitřní linky
width= - šířka tabulky, v bodech nebo v procentech |
Atributy
tabulky:
<table
border=4 width=50%
bgcolor="white">
cellspacing=0
cellpadding=5
<tr>
<td>Text od okraje - cellpadding=5</td>
<td>Text od okraje -
cellpadding=5</td>
</tr>
</table>
Tabulka -
Informační technologie:
<table border="4"
cellpadding="0"
cellspacing="0"
width="30%"
bgcolor="#00FFFF"
bordercolor="#0000FF"
bordercolordark="#008080"
bordercolorlight="#C0C0C0"
align="center"
rules=all >
<tr>
<td align="center"
rowspan="3" width="20%">
<p align="center">Téma:</p></td>
<td>Informační
technologie studijní obor OBCHODNÍK</td></tr>
<tr><td>ostatní
buňky</td>
ostatní řádky</tr></table> |
Atributy tabulky:
| Text od okraje - cellpadding=5 |
| Text od okraje - cellpadding=5 |
Tabulka Informační
technologie:
Téma:
|
Informační
technologie studijní obor
OBCHODNÍK
|
1.r.
|
2.r.
|
3.r.
|
4.r.
|
Základní
výuka
|
hardware
konfigur. |
scanner
tiskárny |
kalkul
pokladn |
závěr. práce |
Software
|
počítače
sítě
antiviry |
windows
word
ekonom. |
office
excel
access |
publisher
outlook
frntpage |
Aplikace
|
počítač.
sítě |
internet |
internet |
internet |
|
|
Atributy
buňky:</tr></th></td>
align= - vodorovné zarovnání
align="left" - vlevo
align="right" - vpravo
align="center" - na střed
align="justify" -
align="char" -
valign= - svislé zarovnání
valign="top" - nahoru
valign="middle" - na střed
valign="bottom" - dolu
valign="baseline" - dolní okraj na účaří řádku
width= - šířka buňky v bodech nebo v procentech
rowspan="číslo"
- buňka zabírá více
řádků
colspan="číslo"
- buňka zabírá více
sloupců
nowrap - potlačuje dělení řádků v buňce
bgcolor= - barva pozadí buňky
background="URL"
- obrázek pozadí buňky -
přebíjí nastavení tabulky
Atributy nadpisu
tabulky:
<caption
align="top/bottom"> </caption>
align="top" - nad tabulkou
align="bottom"
- pod tabulkou |
Atributy
buňky:
<table><tr>
<td> bgcolor="agua" width="60%"
<p align="center">
Barva
bgcolor="agua" Šířka width="60%"
Text na střed align="center" </p></td>
<td> bgcolor="lime" width="40%"
<p align="left">
Barva
bgcolor="lime" Šířka width="40%"
Text doleva align="left"</p></td>
</tr></table> |
Atributy buňky:
Barva bgcolor="agua"
Šířka width="60%"
Text na střed align="center"
|
Barva bgcolor="lime"
Šířka width="40%" Text
doleva align="left"
|
|
|