Tabulky

Pokud chcete vytvořit tabulku, tak jak ji znáte třeba z Excelu, budete na to potřebovat několik tagů.

table

Table je tag uvozující celou tabulku. Mezi tagem <table a ukončovacím tagem </table> se zapisuje definice celé tabulky. detaily ...

tr

Definuje celý řádek tabulky. Mezi tagy řádku se píší definice jednotlivých buněk, nebo definice buněk nadpisů. detaily ...

td

Definuje buňku tabulky. Mezi tagy se píše text, který se má zobrazit v buňce. Defaultně se text v buňce vypíše normálním písmem.detaily ...

th

Definuje buňku nadpisu tabulky. Mezi tagy se píše text, který se má zobrazit jako nadpis. Defaultně se text v buňce vypíše vystředěně tučným písmem narozdíl od normální buňky definované tagem td.detaily ...

Příklad tabulky 3x3

Kód

<table>
<tr><th>nadpis 1-1</th><th>nadpis 1-2</th><th>nadpis 1-3</th></tr>
<tr><td>buňka 2-1</td><td>buňka 2-2</td><td>buňka 2-3</td></tr>
<tr><td>buňka 3-1</td><td>buňka 3-2</td><td>buňka 3-3</td></tr>
</table>

Spojení několika buňek:

Příklad tabulky

Kód

<table class="tabulka">

<tr><td rowspan="2">Buňka 0</td><td colspan="2">Buňka 1,2</td></tr>

<tr><td>Buňka 3</td><td>Buňka 3</td></tr>

</table>

rowspan

Parametr rowspan říká, kolik řádků bude spojeno do jednoho. Pokud bude rowspan = 2, bude buňka tvořena dvěmi řádky.

colspan

Parametr colspan říká, kolik sloupců bude spojeno do jednoho. Pokud bude colspan = 2, bude buňka tvořena dvěmi sloupci.