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

3. OhraniΦenφ tabulky

ZajistΘ Vßm neunikl ani atribut BORDER v tagu <TABLE> jeho₧ hodnotou je 1. Tento tag udßvß velikost ohraniΦenφ tabulky (ta se uvßdφ v pixelech). To znamenß, ₧e kdy₧ se jeho hodnota rovnß nule, nemß tabulka ₧ßdnΘ ohraniΦenφ. Naopak rovnß-li se 20, pak mß tabulka ohraniΦenφ o velikosti 20 pixel∙.

Tabulka s ohraniΦenφm 0px:

<TABLE border="0">
 <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:

Tabulka s ohraniΦenφm 20px:

<TABLE border="20">
 <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:

Jak vidφte, tabulky, aby p∙sobily prostorov∞ jsou rozd∞leny na 2 Φßsti, z nich₧ jedna je sv∞tlß a dalÜφ tmavß (zßkladnφ nastavenφ: sv∞tlß Φßst - st°φbrnß; tmavÜφ Φßst - Üedß). Toto nastavenφ m∙₧eme pomocφ dalÜφch atribut∙, o kter²ch se zmφnφme nφ₧e, m∞nit.