Co je značka tabulky HTML?

Autor webové stránky má mnoho možností, jak zobrazit data při použití jazyka HTML (Hypertext Markup Language), včetně značky HTML. Značku tabulky HTML používají autoři webových stránek k uspořádání dat do tabulek pro snazší prohlížení. Do buněk tabulky lze vložit různé typy dat, včetně textu, obrázků a dokonce i dalších tabulek. Ve značce tabulky HTML lze použít řadu různých prvků a atributů. Osoba, která chce vložit tabulku do dokumentu HTML, bude muset porozumět těmto různým komponentám a jak spolu pracují.

Značku tabulky HTML lze použít k uspořádání dat do sloupců a řádků. Sloupce jsou svislé řádky dat a řádky jsou vodorovné čáry. Autor HTML může vkládat data pouze do řádků tabulky, protože jakmile jsou řádky vloženy, sloupce se zarovná nahoru. Některé z prvků použitých ve značce tabulky HTML jsou <tr>, <td> a <th>, které definují řádek tabulky, data tabulky a záhlaví tabulky. Atributy lze použít k definování vzhledu a rozestupu řádků.

Pokud autor HTML chce, aby tabulka vypadala správně, existuje celá řada různých atributů, které může použít. Správné atributy mohou změnit charakteristiku, jako je barva textu, mezery mezi buňkami, barva pozadí tabulky a ohraničení. Existují dokonce i způsoby, jak se úplně zbavit hranic, aby se nezobrazily v prohlížeči uživatele. Zatímco autor nemůže přímo změnit data ve sloupcích, může změnit různé vlastnosti sloupců. K tomu může použít prvky jako <col> a <colgroup>.

Aby bylo možné vložit tabulku do dokumentu HTML, musí být použita značka tabulky <table>. V rámci prvku může autor definovat různé atributy tabulky, například barvu, ohraničení a mezery. Dále musí autor definovat řádek tabulky pomocí prvku <tr>. Prohlížeči to řekne, že data, která mají následovat, mají být umístěna v řadě. Poté jsou za prvkem <td> vložena data tabulky - skutečné informace, které mají být zobrazeny. Je důležité, aby různé značky byly postupně uzavřeny, aby nedošlo k záměně při jakékoli následné úpravě.

Příklad, jak může dokument HTML vypadat, když autor chce použít značku tabulky HTML, je následující:

<table>
<tr>
<td> Toto je buňka 1 </td>
<td> Toto je buňka 2 </td>
</tr>

<tr>
<td> Toto je buňka 3 </td>
<td> Toto je buňka 4 </td>
</tr>
</table>

Tento příklad vytvoří tabulku se čtyřmi buňkami se dvěma sloupci dolů a dvěma řádky napříč.