Chip CD

Tabulky

Tabulky jsou mocný nástroj tvorby webových stránek, protože právě pomocí nich (pomocí jejich správné kombinace) lze vytvořit stránky, jež z technického hlediska opravdu vypadají dokonale.

I když jde o tak silný nástroj, vystačíte pouze se třemi tagy: <TABLE> ohraničuje tabulku, <TR> znamená řádek tabulky a <TD> značí jednotlivé buňky tabulky. Počet buněk na řádku musíte dodržet konstantní, jinak bude tabulka rozhozená. Je vám asi jasné, že pouze díky těmto jednoduchým tagům dokonalosti nedosáhnete, ale síla je v určení jejich vlastností:

<TABLE>

width	šířka tabulky v bodech (je možno hodnoty zadávat i relativně vzhledem k šířce okna prohlížeče (např. width="50%")
cols	celkový počet sloupců tabulky (pomáhá prohlížeči určit počáteční zobrazení tabulky)
colspec	šířka a zarovnání jednotlivých sloupců (např. colspec="L8 C20 R50"; L,R,C specifikuje zarovnání vlevo, vpravo, na střed)
align	zarovnání: left na levý okraj, right na pravý okraj, center na střed, justify do bloku
frame	vnější obrysy tabulky: none/void žádný obrys (implicitní hodnota), above jen horní strana, below jen dolní strana, hsides horní a dolní strana, lhs jen levá strana, rhs jen pravá strana, vsides levá a pravá strana, border/box všechny čtyři strany
border	tloušťka vnějšího obrysu
rules	vzhled tabulkové mřížky: none žádné čáry, basic vodorovné čárky mezi skupinami (THEAD, TFOOT, TBODY), rows čáry mezi řádky, cols čáry mezi sloupci, all všechny čáry (implicitní hodnota)
cellspacing	velikost mezery mezi jednotlivými buňkami tabulky
cellpadding	velikost mezi okrajem buňky tabulky a jejím obsahem
clear	specifikuje způsob obtékání tabulky: left obtékány budou obrázky umístěné vlevo, right obtékány budou obrázky umístěné vpravo, all pokračuje se až pod všemi obrázky

<TR>

align	zarovnání
char	znak, na který se vztahuje zarovnání vyžádané atributem align=char (implicitně desetinná čárka podle národního nastavení)
charoff	offset pro první výskyt znaku char na každém řádku; implicitní hodnota je 50%
valign	vertikální zarovnání obsahu buněk pro tento řádek: top zarovnání k hornímu okraji buňky, middle zarovnání doprostřed buňky (standardní hodnota), bottom zarovnání k dolnímu okraji buňky

<TD>

align	zarovnání
char	znak, na který se vztahuje zarovnání vyžádané atributem align=char (implicitně desetinná čárka podle národního nastavení)
charoff	offset pro první výskyt znaku char na každém řádku; implicitní hodnota je 50%
valign	vertikální zarovnání obsahu buňky: top zarovnání k hornímu okraji buňky, middle zarovnání doprostřed buňky (standardní hodnota), bottom zarovnání k dolnímu okraj i buňky
nowrap	potlačuje automatické dělení řádků uvnitř buňky
bgcolor	barva pozadí
width	šířka buňky
colspan	počet sloupců, které mají být sloučeny do jedné buňky
rowspan	počet řádků, které mají být sloučeny do jedné buňky

Dokonalosti svých stránek dosáhnete nerůznějším vnořováním tabulek. zde máte ukázku toho, co se dá například vytvořit: stránka s viditelnými okraji tabulek a bez viditelných okrajů.

Program obsahuje též zjednodušenou editaci tabulek. Tlačítkem Tabulka otevřete dialog, kdy vyberete tloušťku okrajů pomocí posuvníku, titulek, počet sloupců a řádků pomocí šipek a počet řádků a sloupců patřících k záhlaví. Text v buňkách můžete editovat vybráním buňky a prostým napsáním.