Tabuľky HTML sa dajú ľahko vytvoriť, keď pochopíte základy riadkov a stĺpcov, a taktiež akonáhle pochopíte, kedy je vhodné použiť tabuľku a kedy by ste sa im mali vyhnúť.
Stručná história tabuliek a návrh webových stránok
Pred mnohými rokmi, pred prijateľnými CSS a webovými štandardmi, používali web dizajnéri HTML
prvok na vytvorenie rozloženia stránky pre stránky. Webové návrhy by boli "nakrájané" na malé kúsky ako puzzle a potom by boli kombinované s tabuľkou HTML, ktorá by sa v prehliadači vykreslila podľa plánu. Bolo to veľmi zložitý proces, ktorý vytvoril mnoho ďalších značiek HTML a ktorý by nikdy nebol použiteľný v mnohých obrazovkách, na ktorých žijú naše webové stránky. Keďže CSS sa stala akceptovanou metódou pre vizualizáciu a rozloženie webových stránok, vyhýbali sa a mnohí weboví tvorcovia sa mylne domnievali, že "tabuľky boli zlé." To bolo a je nepravdivé. Tabuľky pre usporiadanie sú zlé, ale stále majú miesto v dizajne webových stránok a HTML, a to zobraziť tabuľkové údaje ako kalendár alebo plán vlakov. Pre tento obsah je použitie tabuľky stále prijateľným a dobrým prístupom.
Takže ako rozložiť stôl? Začnime tým, že vytvoríme jednoduchú tabuľku 2x2. Toto bude mať 2 stĺpce (to sú vertikálne bloky) a 2 riadky (horizontálne bloky). Po vytvorení tabuľky 2x2 môžete vytvoriť ľubovoľnú tabuľku s veľkosťou, ktorú by ste chceli jednoducho pridať ďalšie riadky alebo stĺpce.
Tu je How
-
Najprv otvorte tabuľku
-
Otvorte prvý riadok tagom tr
-
Otvorte prvý stĺpec pomocou značky td
|
-
Napíšte obsah bunky
-
Zatvorte prvú bunku a otvorte druhú
|
-
Napíšte obsah druhej bunky
-
Zatvorte druhú bunku a zatvorte riadok
-
Druhý riadok napíšte presne ako prvý
| | |
-
Potom zatvorte stôl
-
To je ono!
Tiež by ste sa mohli rozhodnúť pridať hlavičky tabuliek do tabuľky pomocou
element. Tieto hlavičky tabuľky by nahradili kusy "tabuľkových údajov" v prvom riadku tabuľky, a to takto:
| názov | úloha | | Jeremy | návrhár | Jennifer | vývojka |
Keď sa táto stránka zobrazí v prehliadači, tento prvý riadok s hlavičkami tabuľky by sa predvolene zobrazoval tučným písmom a bol by vycentrovaný v bunke tabuľky, v ktorej sa nachádzajú.
Takže je správne použiť tabuľky v HTML?
Áno, pokiaľ ich nepoužívate na účely usporiadania, je dobré použiť tabuľky. Ak potrebujete zobraziť tabuľkové informácie, je to spôsob, akým je tabuľka. V skutočnosti sa vyhýbanie tabuľke z dôvodu nejakej zavádzajúcej čistoty vyhýbať sa tomuto legitímnemu elementu HTML je taký oneskorený, ako ich používať z dôvodov usporiadania v dnešnej dobe.
Napísal Jennifer Kyrin. Upravil Jeremy Girard.
|
