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

11. Nestandardnφ v²Üka a Üφ°ka bu≥ky

Nynφ si ukß₧eme jak m∞nit velikosti jednotliv²ch bun∞k. N∞kdy pot°ebujeme mφt v jednom °ßdku 3 bu≥ky, ale v jin²ch t°eba 7. Jindy zase musφme vytvo°it bu≥ku vysokou p°es 2 a vφce °ßdk∙, atp. Z takov²chto d∙vod∙ existujφ v HTML 2 atributy COLSPAN a ROWSPAN. Pomocφ prvnφho z nich nastavujeme Üφ°ku bu≥ky ve sloupcφch tabulky a pomocφ druhΘho v²Üku bu≥ky v °ßdcφch tabulky. Standardn∞ je bu≥ka vysokß 1 °ßdek a Üirokß 1 sloupec tabulky.

Tabulka s bu≥kou v prvnφm °ßdku Üirokou 3 sloupce, 3 bu≥kami ve druhΘm °ßdku, bu≥kou vysokou 2 °ßdky v °ßdku 3. a 4. a dalÜφmi Φty°mi bu≥kami v °ßdcφch 3 a 4:

<TABLE border="1">
 <TR>
  <TD colspan="3">Bu≥ka p°es 3 sloupce</TD>
 </TR>
 <TR>
  <TD>&nbsp;</TD>
  <TD>&nbsp;</TD>
  <TD>2.°ßdek, 3.bu≥ka</TD>
 </TR>
 <TR>
  <TD>3.°ßdek, 1.bu≥ka</TD>
  <TD rowspan="2">Bu≥ka p°es 2 °ßdky</TD>
  <TD>3.°ßdek, 3.bu≥ka</TD>
 </TR>
 <TR>
  <TD>4.°ßdek, 1.bu≥ka</TD>
  <TD>4.°ßdek, 3.bu≥ka</TD>
 </TR>
</TABLE>

V²sledek zdrojovΘho k≤du:

UrΦit∞ jste si vÜimli, ₧e 1. bu≥ka ve druhΘm °ßdku je prßzdnß a nenφ ohraniΦenß a bu≥ka vedle nφ je takΘ prßzdnß, ale je ohraniΦenß. To je zp∙sobeno p°idßnφm tzv. tvrdΘ mezery - &nbsp; - do 2. bu≥ky na 2.°ßdku (mezi tagy <TD>&nbsp;</TD>).