Tabuľky HTML

Označenie tabuľky sa vykonáva značkou pre vstup do tabuľky a definovaním globálnych atribútov, značkou TABLE, príslušným kontajnerom, ktorý potom obsahuje definície riadkov a stĺpcov tabuľky. Uvidíme, že elementárna definícia je v skutočnosti v bunke tabuľky, zvyšok definícií špecifikuje iba ich zoskupenie v riadkoch/stĺpcoch.

Všeobecná forma označenia tabuľky je:
Rozšírenia na zoskupovanie riadkov a stĺpcov spoločnosti Microsoft tiež umožňujú zložitejšie štruktúry (pozri rozšírenia spoločnosti Microsoft).

Nasledujúci príklad bude mať za následok zobrazenie tabuľky s dvoma stĺpcami a dvoma riadkami plus riadok hlavičky: Chýbajúci riadok je viditeľný. To sa dosiahne použitím vhodných atribútov. Text riadkov hlavičky je zvýraznený tučným písmom. Každá bunka podporuje individuálne formátovanie textu. V niektorých príponách možno uviesť aj globálne formátovanie textu všetkých buniek v riadku/stĺpci.
Postupujte podľa nasledujúceho príkladu, kde je pre bunky predchádzajúceho príkladu uvedené individuálne formátovanie: Poznámka: bunka 2.1, ktorá mení svoju výšku podľa množstva textu.

Všeobecné označenia tabuliek

je značka definície tabuľky.

obsahová tabuľka definuje bunky tabuľky, hlavičku, zachytenie a obsah buniek tabuľky.

Nasledujúci príklad obnoví predchádzajúcu tabuľku a označí jej orámovanie. Na získanie priestorového efektu používame napr,

ktorý vytvorí charakteristickú vonkajšiu hranicu.
Rozstup buniek je možné dosiahnuť pomocou atribútu:
Rozstup buniek = 6
ktorý má spolu s predchádzajúcimi možnosťami účinok nasledujúceho príkladu:

Na presunutie textu vo vnútri buniek k okrajom buniek môžeme použiť atribút:
Cellpadding = 10
efekt, korelovaný alebo nie, s predchádzajúcimi možnosťami je „vzdušnejšia“ tabuľka:
Pre túto tabuľku je riadok definície zhromaždením atribútov:

Nakoniec je možné použiť farbu pozadia a možnosti zarovnania tabuľky ako v príklade:

Ak sa používajú rozšírenia Microsoftu, môžu ich medzitým prevziať iné prehľadávače, vyššie uvedená tabuľka sa môže upraviť takto:

kde „pap02.jpg“ je zjavne obrazový súbor v aktuálnom adresári/priečinku. Je potrebné si všimnúť, že označenie tapety znamená opustenie farby pozadia. Ak používaný prehliadač nepodporuje prípony Microsoft, zobrazená tabuľka sa od predchádzajúcej líši iba farbou pozadia.

pridá do tabuľky názov (zachytenie). Značka CAPTION musí byť ponorená do značky TABLE.

ALIGN =hore | dole je štandardný atribút a zobrazuje umiestnenie nadpisu nad alebo pod tabuľkou, pričom nadpis je na stole vycentrovaný vodorovne; doľava | stred | doprava sú prípony Microsoft a označujú vodorovné zarovnanie nadpisu s tabuľkou.
VALIGN nastavuje zarovnanie snímania s tabuľkou (hore/dole). Jedná sa o rozšírenie spoločnosti Microsoft, vodorovné vyrovnanie je špecifikované pomocou ALIGN.
text je názov maľby.

Horizontálne centrovanie tabuľky ako objektu je možné vykonať pomocou:

. definovať tabuľku

definuje riadok v tabuľke. Táto značka musí byť ponorená do značky TABLE, tj každý riadok tabuľky, ktorá sa má označiť, musí mať zodpovedajúcu značku TR.

ALIGN určuje, ako sa obsah riadkových buniek zarovná vodorovne vo vnútri buniek;
VALIGN určuje, ako sa obsah buniek vertikálne zarovná vo vnútri buniek;
BGCOLOR označuje farebné pozadie čiary. Toto je rozšírenie Netscape a Microsoft.
BORDERCOLOR je farba orámovania bunky. Toto je rozšírenie spoločnosti Microsoft;
BORDERCOLORLIGHT je farba svetlej čiary v tieňovanom ohraničení bunky. Toto je rozšírenie spoločnosti Microsoft;
BORDERCOLORDARK je farba tieňa v tieňovanom ohraničení bunky. Toto je rozšírenie spoločnosti Microsoft;
BACKGROUND určuje URL obrázkového súboru použitého ako pozadie pre každú bunku v riadku. Toto je rozšírenie spoločnosti Microsoft.
Riadok obsahu obsahuje značky TH alebo TD na definovanie aktuálnych riadkových buniek.

definuje bunku v hlavičke tabuľky (hlavička tabuľky). Obsah bunky bude všeobecne zvýraznený písaním a centrovaním.

ALIGN, VALIGN označuje vodorovné a zvislé zarovnanie obsahu bunky v bunke;
COLSPAN určuje počet stĺpcov, cez ktoré sa bunka rozširuje doprava (operácia vodorovného zjednotenia buniek v textových procesoroch);
ROWSPAN určuje počet riadkov, cez ktoré sa bunka rozširuje nadol (operácia vertikálneho zjednotenia buniek v textových procesoroch);

V stĺpcoch/riadkoch, o ktoré sa rozšírili ďalšie bunky, sa rozšírenia už nedeklarujú. Pre tieto stĺpce/riadky budú deklarované iba bunky, ktoré sa tu zobrazia prvýkrát (je to, akoby sa niektoré bunky získali dedením predchádzajúcich riadkov/stĺpcov).

Bunka obsahu je informácia (textová alebo hypertextová) o bunke.

Pretože TH je značka HTML 3.2, nerozpoznávajú ju všetky prehľadávače, najmä rozšírenia spoločnosti Microsoft.

V nasledujúcom príklade si všimneme rozšírenie hlavičky tabuľky na dva riadky, každý s iným formátom: Prehraním medzi riadkami hlavičky a zhustením buniek v riadkoch/stĺpcoch môžete vytvoriť obraz „obrátenej“ tabuľky: MM] [BGCOLOR = "#RRGGBB„|farba] [BORDERCOLOR = "#RRGGBB„|farba] [BORDERCOLORLIGHT = "#RRGGBB„|farba] [BORDERCOLORDARK = "#RRGGBB„|farba] [NOWRAP]>
["Bunka obsahu"]
[]

definovať bunku v tabuľke (nie v hlavičke).

ALIGN, VALIGN označuje vodorovné a zvislé zarovnanie obsahu bunky;
COLSPAN určuje počet stĺpcov, cez ktoré sa bunka rozširuje doprava (operácia vodorovného zjednotenia buniek v textových procesoroch);
ROWSPAN určuje počet riadkov, cez ktoré sa bunka rozširuje nadol (operácia vertikálneho zjednotenia buniek v textových procesoroch);

Bunka obsahu je informácia (textová alebo hypertextová) o bunke.

Značky TH a TD zapadajú do značky TR, takže každý riadok musí mať toľko značiek TD (alebo TH pre riadok hlavičky), koľko buniek je v tomto riadku iniciovaných.

Rozšírenie tabuľky spoločnosti Microsoft

definuje skupinu riadkov v hlavičke tabuľky.

hlavička riadku obsahuje definície TR pre riadky, ktoré tvoria hlavičku tabuľky.

definuje skupinu riadkov v tele tabuľky.

Body-stôl obsahuje definície TR pre riadky, ktoré tvoria telo tabuľky.

definuje skupinu riadkov v päte tabuľky.

čiara-stopa obsahuje definície TR pre riadky, ktoré tvoria pätu tabuľky.

zoskupuje a formátuje skupinu stĺpcov v tabuľke. Stĺpce sú zoskupené v poradí zľava doprava: prvá značka COLGROUP bude odkazovať na prvú stĺpce, druhá značka COLGROUP do ďalších stĺpcov atď.

ALIGN označuje predvolené zarovnanie textu vo všetkých bunkách v zoskupených stĺpcoch;
SPAN označuje počet stĺpcov, ktoré sú zoskupené pre formátovanie. Predvolená hodnota (chýbajúci atribút SPAN) je 1.

naformátuje skupinu stĺpcov tabuľky. Stĺpce sa posudzujú v poradí zľava doprava: prvá značka COL bude odkazovať na prvú stĺpce, druhá značka COL do ďalších stĺpcov atď. Značku COL je možné ponoriť do značky COLGROUP zmenou predvoleného nastavenia daného parametrom COLGROUP.

ALIGN označuje predvolené zarovnanie textu vo všetkých bunkách v príslušných stĺpcoch;
SPAN označuje počet stĺpcov, ktoré sa majú zohľadniť pri formátovaní. Predvolená hodnota (chýbajúci atribút SPAN) je 1.

Pomocou rozšírení Microsoft na označovanie tabuliek môžete vytvoriť nasledujúcu definičnú štruktúru:

Značky COL a COLGROUP je možné ponoriť do značiek THEAD, TBODY a TFOOT, aby ste zmenili miestne formátovanie.