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:
- Co jsou a k Φemu slo₧φ tabulky
- Zßkladnφ tabulka
- OhraniΦenφ tabulky
- BarevnΘ ohraniΦenφ tabulky
- Pozadφ tabulky, °ßdku a bu≥ky
- Odsazenφ obsahu bu≥ky od jejφho ohraniΦenφ
- Odsazenφ mezi jednotliv²mi bu≥kami
- Zarovnßnφ ve vodorovnΘm sm∞ru
- Zarovnßnφ ve svislΘm sm∞ru
- Nastavenφ Üφ°ky a v²Üky tabulky, °ßdku a bu≥ky
- Nestandardnφ v²Üka a Üφ°ka bu≥ky
- Vno°ovßnφ tabulek
- Slo₧it∞jÜφ tabulky
10. Nastavenφ Üφ°ky a v²Üky tabulky, °ßdku a bu≥ky
Jazyk HTML obsahuje 2 atributy pro nastavovßnφ Üφ°ky - atribut WIDTH - a v²Üky - atribut HEIGHT. Hodnoty t∞chto atribut∙ m∙₧eme udßvat v pixelech anebo v procentech velikosti okna browseru.
Tabulka Üirokß 70% a vysokß 200 pixel∙ s jednφm °ßdkem vysok²m 70 pixel∙, druh²m 130 pixel∙ a s bu≥kami Üirok²mi 80% a 20%:
<TABLE border="1" width="70%" height="200"> <TR> <TD width="80%" height="70">1.°ßdek, 1.bu≥ka</TD> <TD width="20%" height="130">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:
1.°ßdek, 1.bu≥ka | 1.°ßdek, 2.bu≥ka | 2.°ßdek, 1.bu≥ka | 2.°ßdek, 2.bu≥ka |
|
|