Tabulky HTML se snadno vytvoří, jakmile pochopíte základy řádků a sloupců a také, jakmile pochopíte, kdy je vhodné použít tabulku a kdy byste se měli vyhnout.
Stručná historie tabulek a návrh webových stránek
Před mnoha lety, dříve než přijatelné normy CSS a webové normy, používali weboví návrháři HTML
vytvořte rozvržení stránky pro weby. Webové designy by byly "nakrájeny" na malé kousky jako puzzle a poté by byly kombinovány s tabulkou HTML, která by se zobrazovala v prohlížeči podle očekávání. Jednalo se o velmi složitý proces, který vytvořil spoustu dalších HTML značek a který by nikdy nebyl použitelný v multi-screen světě svět našich webových stránek. Jak CSS se stal přijatou metodou pro webové stránky vizuální a rozložení, použití tabulek pro to stalo a mnoho webových designérů se mylně domnívalo, že "tabulky byly špatné." To bylo a je nepravdivé. Tabulky pro rozvržení jsou špatné, ale stále mají místo v návrhu webových stránek a ve formátu HTML, a to zobrazovat tabulkové údaje, například kalendář nebo plán jízd. Pro tento obsah je použití tabulky stále přijatelným a dobrým přístupem.
Takže jak rozložíte tabulku? Začněme vytvořením jednoduše 2x2 tabulky. Toto bude mít 2 sloupce (jedná se o vertikální bloky) a 2 řádky (horizontální bloky). Po vytvoření tabulky 2x2 můžete vytvořit libovolnou tabulku velikostí, kterou chcete jednoduše přidáním dalších řádků nebo sloupců.
Tady je How
-
Nejprve otevřete tabulku
-
Otevřete první řádek pomocí tagu tr
-
Otevřete první sloupec pomocí značky td
|
-
Napište obsah buňky
-
Zavřete první buňku a otevřete druhou
|
-
Napište obsah druhé buňky
-
Zavřete druhou buňku a zavřete řádek
-
Napište druhý řádek přesně jako první
| | |
-
Potom zavřete stůl
-
A je to!
Můžete také zvolit přidání záhlaví tabulky do tabulky pomocí příkazu
živel. Tyto záhlaví tabulky nahradí části tabulky "data tabulky" v prvním řádku tabulky, a to takto:
| název | Role | | Jeremy | Návrhář | Jennifer | Vývojář |
Když se tato stránka vykreslí v prohlížeči, tento první řádek s hlavičkami tabulky by byl ve výchozím nastavení zobrazen tučným písmem a byl by umístěn v buňce tabulky, ve které se nacházejí.
Takže je správné použít tabulky v HTML?
Ano, pokud je nepoužíváte pro účely rozvržení, můžete použít tabulky. Pokud potřebujete zobrazit tabulkové informace, je to způsob, jakým je tabulka. Ve skutečnosti se vyhýbání tabulce kvůli nějaké zavádějící čistotě vyhýbat tomuto legitimnímu prvku HTML je stejně vzadu, jako když je používáme pro účely rozložení v dnešní době.
Napsal Jennifer Kyrin. Upravil Jeremy Girard.
|
