Základní tabulka
Tabulka je vždy uzavřena v párovém elementu < table> < /table> . Do tohoto elementu se vkládají buňky. Buňky jsou dva druhy a opět jsou to párové elementy. Využití tabulek asi netřeba dalece představovat. Užívají se k přehlednému utřídení dat. Například názvu výrobku a ceny a podobně.
- nadpisové buňky <th> </th>
- běžné buňky <td> </td >
Řádek tabulky je také párový element. Začíná <tr> a končí </tr> Vlastnosti tabulky jakými jsou například barva buňky, tloušťka stěny buňky, výška a šířka... se nastavují pomocí CSS stylů.
| Atribut | vlastnost |
|---|---|
| width | šířka tabulky |
| height | výška tabulky |
| bordel | tloušťka rámečku |
| cellpadding | vnitřní okraj buněk |
| cellspacing | vnější okraj buněk |
| bgcolor | barva pozadí |
| border-color | barva rámečku |
| algin | zarovnání tabulky |
Atribut height, align a bgcolor nejsou validní ve striktním dokumentu! Proto by se měli psát do dokumentu CSS.
Mřížka a rámeček tabulky
| Hodnota | Význam |
| void | Standardní volba. Tabulka nemá rámeček |
| above | rámeček jen na horní hraně |
| below | rámeček při spodní hraně |
| hsides | rámeček je na dolní a spodní hraně |
| vsides | rámeček je na levé a pravé hraně |
| lhs | rámeček je na levé hraně |
| rhs | rámeček pouze na pravé hraně |
| box | rámeček je okolo celé tabulky |
| border | rámeček je také okolo celé tabulky |
U tabulky se dají také sloučit buňky. A to jak na řádku tak i ve sloupci, ale i kombinovat. k tomu slouží atributy
- colspan
- rowspan
Colspan určuje počet následujících sloupcu na řádku co se sloučí, kdežto rowspan naopak počet řádků ve sloupci, které se spojí. Colspan a rowspan lze zkombinovat.
Užití colspan
Užití rowspan
Pozor! Když užijete COLSPAN nebo ROWSPAN tak se buňky sloučí zdánlivě. Doopravdy se pouze buňka na niž je element uplatněn zvětší.
