L e k c e Φ. 4 - Tabulky

Postoupili jste do ΦtvrtΘ - zßv∞reΦnΘ lekce, ve kterΘ se seznßmφme se zajφmavou problematikou tabulek. Jde o velmi obsßhlΘ a vyΦerpßvajφcφ tΘma, proto jsme lekci rozd∞lil na 13 tematick²ch celk∙ a ty umφstili na samostatnΘ strßnky. P°ejeme Vßm hodn∞ zdaru a te∩ zaΦφnßme ... rozcestnφkem:

1. Co jsou a k Φemu slo₧φ tabulky
2. Zßkladnφ tabulka
3. OhraniΦenφ tabulky
4. BarevnΘ ohraniΦenφ tabulky
5. Pozadφ tabulky, °ßdku a bu≥ky
6. Odsazenφ obsahu bu≥ky od jejφho ohraniΦenφ
7. Odsazenφ mezi jednotliv²mi bu≥kami
8. Zarovnßnφ ve vodorovnΘm sm∞ru
9. Zarovnßnφ ve svislΘm sm∞ru
10. Nastavenφ Üφ°ky a v²Üky tabulky, °ßdku a bu≥ky
11. Nestandardnφ v²Üka a Üφ°ka bu≥ky
12. Vno°ovßnφ tabulek
13. Slo₧it∞jÜφ tabulky

4. BarevnΘ ohraniΦenφ tabulky

Atribut, kter²m nastavujeme barvu ohraniΦenφ tabulky se jmenuje BORDERCOLOR. Jeho hodnotou m∙₧e b²t, bu∩ p°φmo nßzev barvy (nap°. red, darkblue, atd.), anebo RGB zßpis barvy (nap°. #FFFFFF - bφlß, #000000 - Φernß, atd.).

Jeho pou₧itφ v praxi si ukß₧eme mφrnou obm∞nou p°edchßzejφcφho zdrojovΘho k≤du. Vφce zde.

<TABLE border="1" bordercolor="lightblue">
 <TR>
  <TD>1.°ßdek, 1.bu≥ka</TD>
  <TD>1.°ßdek, 2.bu≥ka</TD>
 </TR>
 <TR>
  <TD>2.°ßdek, 1.bu≥ka</TD>
  <TD>2.°ßdek, 2.bu≥ka</TD>
 </TR>
</TABLE>

V²sledek zdrojovΘho k≤du:

Atribut BORDERCOLOR nastavφ jednotnou barvu ohraniΦenφ, tzn. ₧e tabulka nebude vystφnovanß (bude celß modrß).

Aby bylo mo₧nΘ dosßhnout v²Üe zmφn∞nΘho prostorovΘho efektu tabulky existujφ v HTML atributy BORDERCOLORLIGHT a BORDERCOLORDARK. Atributem BORDERCOLORLIGHT nastavujeme barvu sv∞tlejÜφ Φßsti a naopak pomocφ atributu BORDERCOLORDARK barvu Φßsti tmavÜφ. V naÜem p°φkladu jsme nastavily sv∞tlejÜφ Φßsti sv∞tle modrou a tmavÜφ tmav∞ modrou barvu.

<TABLE border="1" bordercolorlight="lightblue" bordercolordark="navy">
 <TR>
  <TD>1.°ßdek, 1.bu≥ka</TD>
  <TD>1.°ßdek, 2.bu≥ka</TD>
 </TR>
 <TR>
  <TD>2.°ßdek, 1.bu≥ka</TD>
  <TD>2.°ßdek, 2.bu≥ka</TD>
 </TR>
</TABLE>

Tabulka se sv∞tle a tmavomodr²m ohraniΦenφm o velikost 1 pixel

Tabulka se sv∞tle a tmavomodr²m ohraniΦenφm o velikost 5 pixel∙