Tabuľky HTML sa dajú ľahko vytvoriť, keď pochopíte základy riadkov a stĺpcov - a tiež 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, web dizajnéri používali prvok HTML
na vytvorenie rozloženia stránok 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. Bol 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 webových stránok a rozvrhnutie, používanie tabuliek na to bolo odvrátené 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 zobrazovať tabuľkové údaje ako kalendár rozvrhu 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.
Obtiažnosť: Priemer
Požadovaný čas: 10 minút
Tu je návod:
- 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
- Napíšte druhý riadok presne ako prvý
| | - Potom zatvorte stôl
Môžete tiež zvoliť pridanie hlavičky tabuliek do tabuľky pomocou | elementu. Tieto hlavičky tabuľky by nahradili časti alebo tabuľkové dáta v prvom riadku tabuľky, napríklad:
Jennifer | Vývojár | Keď sa táto stránka zobrazí v prehliadači, tento prvý riadok s hlavičkami tabuľky by bol v predvolenom nastavení zobrazený tučným písmom a boli by centrované v bunke tabuľky, v ktorej sa nachádzajú.
Takže je správne použiť tabuľky v HTML? Áno - ak ich nepoužívate na účely usporiadania. Ak potrebujete zobraziť tabuľkové informácie, je to spôsob, akým je tabuľka. V skutočnosti sa vyhýbanie tabuľke kvôli nejakej zavádzajúcej čistote vyhýbať sa tomuto legitímnemu prvku HTML je tak oneskorené, ako ich používať z dôvodov usporiadania v tento deň a vek.
Napísal Jennifer Kyrin. Upravil Jeremy Girard dňa 8/11/16
| |