Tabulky
Základní značky
řádek 1, buňka 1 |
buňka 2 |
řádek 2, buňka 1 |
Zdrojový kód vypadá takto:
<table>
<tr>
<td>řádek 1, buňka 1</td>
<td>buňka 2</td>
</tr>
<tr>
<td>řádek 2, buňka 1</td>
</tr>
</table>
V tomto kódu se objevují 3 tagy:
- <table>..tabulka..</table>
tagy které ohraničují obsah tabulky
- <tr>..řádek..</tr>
ohraničuje každý řádek tabulky
- <td>..buňka..</td>
ohraničují buňky v řádku
Atributy tagu table
table |
atribut | hodnota | vysvětlení |
rules | none| all| rows| cols| groups | nastavení mřížky |
cellspacing | 1,2,3.. | velikost vnějšího okraje buňky |
cellpadding | 1,2,3.. | velikost vnitřního okraje buňky |
frame | void| border| box| hsides| vsides| above| below| lhs| rhs | rámeček celé tabulky |
Atribut rules
Nastavuje vlastnosti mřížky.
rules="none | all | rows | cols | groups"
rules="none" | nevykreslí vůbec žádnou mřížku |
pouze rámeček tabulky |
rules="all" | vykreslí celou mřížku |
pouze rámeček tabulky |
rules="rows" | vykreslí mřížku pouze řádkům |
sloupce budou bez mřížky |
rules="cols" | vykreslí mřížku sloupců |
řádky budou bez mřížky |
rules="groups" | vykreslí mřížku skupin buněk colgroup |
skupina je definována pro první buňky řádků |
Atribut frame
Atribut frame nastavuje vlastnosti rámečku tabulky.
void | border | box | hsides | vsides | above | below | lhs | rhs
Atributy značky td
Nastavení jednotlivé buňky.
td |
atributy | hodnota | vysvětlení |
colspan | 1,2,3.. | počet sloupců přes které je buňka rozložena |
rowspan | 1,2,3.. | přesah řádků |
Atributy tagu td rowspan a colspan
Díky nim lze velmi dobře formátovat buňky
rowspan=3 | 1.buňka |
2.buňka |
colspan=2 |
Další: Formátování tabulek
Doporučuji
Pro své weby používám
*Webhosting C4: 20 GB prostoru, PHP, MySQL, e-maily, subdomény za 1200 Kč (zdarma 2 GB navíc každý rok). Více
WebhostingC4.cz.