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 jim měli vyhnout.
Stručná historie tabulek a návrh webových stránek
Před mnoha lety, než byly přijatelné standardy CSS a webové normy, používali weboví návrháři element HTML
pro vytvoření stránky pro stránky. 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í. Byl to velmi složitý proces, který vytvořil spoustu dalších značek HTML a který by nikdy nebyl použitelný v multi-screen světě, na kterém žijí naše webové stránky . Vzhledem k tomu, že CSS se stala přijatou metodou pro vizualizaci a rozvržení webových stránek, používání tabulek se stalo vyhýbáno 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 HTML, a to zobrazovat tabulkové údaje jako kalendář rozvrhu vlaku. 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ů.
Obtížnost: Průměrná
Požadovaný čas: 10 minut
Zde je návod:
- Nejprve otevřete tabulku
- Otevřete první řádek pomocí tagu tr
- Otevřete první sloupec tag 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 tabulku
Můžete také zvolit přidání záhlaví tabulky do tabulky pomocí prvku | . Tyto záhlaví tabulky by nahradily části nebo tabulkové údaje v prvním řádku tabulky takto:
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í. 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ě jako zpětné, neboť je používáme pro účely rozložení v dnešní době.
Napsal Jennifer Kyrin. Editoval Jeremy Girard dne 8/11/16
| |