Tabulky v XHTML. Tabulka pro vytvoření tabulky používáme element table pro vytvoření tabulky používáme element table uvnitř elementu table se mohou vyskytovat.

Prezentace na téma: "Tabulky v XHTML. Tabulka pro vytvoření tabulky používáme element table pro vytvoření tabulky používáme element table uvnitř elementu table se mohou vyskytovat."— Transkript prezentace:

1 Tabulky v XHTML

2 Tabulka pro vytvoření tabulky používáme element table pro vytvoření tabulky používáme element table uvnitř elementu table se mohou vyskytovat následující elementy: uvnitř elementu table se mohou vyskytovat následující elementy: –caption – nadpis tabulky (nepovinný) –thead – řádky záhlaví (nepovinný) –tfoot – řádky zápatí (nepovinný) –tbody – data (kupodivu se píše až za zápatí) příklad

3 Tabulka tabulku tvoříme po řádcích tabulku tvoříme po řádcích řádek se vytvoří elementem tr, který zapisujeme dovnitř elementů thead, tfoot, tbody nebo samostatně (pokud nedělíme tabulku na záhlaví, tělo a zápatí) řádek se vytvoří elementem tr, který zapisujeme dovnitř elementů thead, tfoot, tbody nebo samostatně (pokud nedělíme tabulku na záhlaví, tělo a zápatí) příklad

4 Tabulka každý řádek může obsahovat několik buněk, pro které použijeme element td nebo th; a do tohoto elementu už konečně píšeme data každý řádek může obsahovat několik buněk, pro které použijeme element td nebo th; a do tohoto elementu už konečně píšeme data element th označuje hlavičkovou buňku (obsah je obvykle tučným písmem), element td „obyčejnou“ buňku element th označuje hlavičkovou buňku (obsah je obvykle tučným písmem), element td „obyčejnou“ buňku příklad

5 Tabulka – příklad zpět

6 Tabulka – příklad Ceny zájezdů Anglie USA Maledivy Ceny zájezdů Anglie USA Maledivy zpět

7 Tabulka – příklad Nejlevnější 7 000 Kč 30 000 Kč 40 000 Kč Nejlevnější 7 000 Kč 30 000 Kč 40 000 Kč zpět

8 Tabulka – příklad Květen 10 000 Kč 30 000 Kč 40 000 Kč Červenec 15 000 Kč 40 000 Kč 65 000 Kč Květen 10 000 Kč 30 000 Kč 40 000 Kč Červenec 15 000 Kč 40 000 Kč 65 000 Kč

9 Tabulka – příklad Září 7 000 Kč 35 000 Kč 50 000 Kč Září 7 000 Kč 35 000 Kč 50 000 Kč zpět

10 Tabulka – příklad Ceny zájezdů Anglie USA Maledivy Ceny zájezdů Anglie USA Maledivy zpět

11 Sloučené buňky pro sloučení buněk používáme atributy colspan (sloučené buňky vedle sebe) a rowspan (sloučené buňky pod sebou) pro sloučení buněk používáme atributy colspan (sloučené buňky vedle sebe) a rowspan (sloučené buňky pod sebou) Prodej Prodej <tr><td>léto</td> zima zima Prodej létozima