|
Tabulky Možná to někomu bude připadat divné, ale dle mého názoru je základem dobré stránky dobře formátovaná tabulka. Původním účelem tabulek bylo — zobrazit tabulku. Obyčejnou tabulku s čísly a údaji, tak, jak jsme na ni zvyklí. (Před zavedením nového tagu musely být tabulky pouze jako obrázky.) Nejmenší částí tabulky jest buňka (cell). Buňky, položené vedle sebe ve sloupcích (columns, cols) tvoří řádek (row). Několik řádků jest tabulkou (table). Záměrně tu uvádím tento složitý výklad, může se totiž hodit k pochopení tabulek v HaTMatiLce.
Každá tabulka je ohraničena párovým tagem
Přestože se může zdát „jednobuněčná” tabulka nesmyslem, má jedno sqělé využití: může se do ní napsat článek, vložený do hlavního textu. Názorné využití tohoto principu viz lekce 3. Příklad
Příklad ukazuje, že i tabulka má své paramtery. Kromě běžných
Představit si tabulku jako posloupnost políček vyžaduje trošku cviku. Pro začátek navrhuji každou tabulku nejdříve načrtnout na papír, políčka očíslovat, zapsat jednotlivé buňky (každou uzavřít do Jako u všech párových tagů, i tady si musí autor dávat zatraceně pozor, kde co začíná a kde končí. Zvláště, pokud se rozhodne umístit jednu tabulku do druhé. Například takto:
Další užitečnou vlastností jest přesah buněk. Řekněme, že je zapotřebí vyrobit tabulku s otvíracími hodinami nějakého obchodu. Otevřeno je dopoledne
Takovou tabulku sice lze rozbít na několik tabulek, ale jednodušší je použít zvětšené buňky. Říká se tomu spanning a jde o případ, kdy je jedno políčko velké jako dvě buňky. Pokud jsou tyto buňky vedle sebe, použije se v <td> parametr
Tabulky bývají použity k rozmanitým účelům. Nejčastěji jako neviditelný formátovací prvek, mající za úkol vyrobit zvláštní sloupec, nebo podobný efekt. Stačí zadat v úvodu tabulky Někdy je naopak tabulka zdůrazněna či zvýrazněna. Dva stručné příklady jsem připravil k této lekci:
O použití tabulek k formátování textu bude řeč příště. Ostatně, všechen tento text jest schován v tabulce. Jak myslíte, že je vytvořen sloupec vpravo, s linky a odkazy? |
Obsah Lekce 1 Lekce 2 Lekce 3 Lekce 4 Lekce 5 tabulky příklad jedna v druhé větší pole příklad Lekce 7 Lekce 8 Lekce 9 Lekce 10 Lekce 11 Lekce 12 |
|