Tabulky jsou všude. Příkladem může být rozvrh hodin nebo seznam kamarádů s jejich oblíbenými hrami. V HTML tabulku tvoří několik značek:
<table>
: Celá tabulka je uvnitř této značky.<tr>
(table row - řádek tabulky): Každý řádek v tabulce je uvnitř této značky.<th>
(table header - hlavička tabulky): To jsou nadpisy pro sloupce tabulky. Text v <th>
je obvykle tučný a vycentrovaný.<td>
(table data - data tabulky): To jsou samotná data (buňky) v tabulce.<h3>Moji kamarádi a jejich oblíbené hry</h3>
<table>
<tr>
<th>Jméno kamaráda</th>
<th>Oblíbená hra</th>
<th>Věk</th>
</tr>
<tr>
<td>Filip</td>
<td>Minecraft</td>
<td>9</td>
</tr>
<tr>
<td>Tereza</td>
<td>Roblox</td>
<td>10</td>
</tr>
<tr>
<td>Adam</td>
<td>Fortnite</td>
<td>11</td>
</tr>
</table>
Úkol: Vytvořte na své stránce novou sekci s nadpisem h2 "Můj týdenní rozvrh".
Uložte a uvidíte svůj rozvrh v krásné tabulce!