Data tabulky

Řádky už máme, tak je čas je naplnit daty. Data tabulky patří do buněk, které vytváříme prvkem td (zkratka z anglického table data, tedy data tabulky). Samotná data napíšeme jako obsah prvku td.

<table>
	<tr>
		<td>Řádek 1, buňka 1</td>
		<td>Řádek 1, buňka 2</td>
	</tr>
	<tr>
		<td>Řádek 2, buňka 1</td>
		<td>Řádek 2, buňka 2</td>
	</tr>
</table>

Tento kód se zobrazí takto:

Tabulka má dva řádky (tr) a v každém z nich jsou dvě buňky (td). Sloupce žádný vlastní prvek nemají: sloupec tvoří buňky, které jsou v každém řádku na stejném místě. První td každého řádku je v prvním sloupci, druhé td ve druhém sloupci a tak dále.

V pozadí jsme přidali trochu CSS, aby byla tabulka přehlednější. Více o CSS se dozvíte v kurzu CSS.