rychlokurs HTML
|
Tabulky |
Tento oddíl popisuje tvorbu tabulek v rámci HTML dokumentu. Tabulka je, jak dá rozum, rozdělená do řádek a sloupců. Odstupy mezi řádky a sloupci, okraje, formátování dat v buňkách tabulky, to vše lze dále upravit. Ale pěkně postupně. |
<table> definice tabulky | ||||
Všechny tabulky musí tímto příkazem začínat a končit musí příkazem </table>. Základní schéma tabulky je:
<table> Border= pixely
Align= left, right, center
Cellspacing= pixely
Cellpadding= pixely
Width= pixely, procenta
| ||||
<tr> řádka tabulky | ||||
Tento příkaz je nutný pro definování nové řádky tabulky. Align= left, center, right
Valign= top, middle, bottom, baseline
| ||||
<td> data tabulky | ||||
Tento příkaz je nutný k definování položky ("chlívku") tabulky. Obsah dat tabulky musí být ukončen tagem </td>. Výjimkou je případ vložení tabulky do tabulky. Může používat všechny atributy jako u příkazu <tr> a dále tyto: Width= pixely, procenta
Colspan= číslo
Rowspan= číslo
Nowrap
| ||||
<th> záhlaví tabulky | ||||
Slouží k zvýraznění záhlaví tabulky. Dané záhlaví bude zobrazeno tučně a vystředěně. Tento příkaz může rovněž využít všechny atributy jako příkazy <tr> a <td>. | ||||
<caption> název tabulky | ||||
Příkaz určuje název tabulky a je umístěn mezi tagy <table>, ale nikoliv v řádce! Align= top, bottom, left, right, center
Valign= top, bottom
| ||||
<col> pouze pro MS Internet Explorer | ||||
Slouží k určení seskupení textu ve sloupcích tabulky. Pracuje stejně jako příkaz <tr>, ale místo řádky ovlivňuje sloupec položek. Align= left, center, right
Span= číslo
| ||||
<colgroup> pouze pro MS Internet Explorer | ||||
Slouží k seskupení textu ve sloupcích tabulky. Podobné příkazu <col>.
Align= left, center, right
Valign= baseline, bottom, middle, top
Span= číslo
| ||||
Příklad tabulky | ||||
V jednoduchém příkladu si můžete pohrát se šířkou a barvou rámečků nebo třeba šířkou a počtem řádků a sloupců:
<center> Takto tabulka vypadá:
| ||||
-pa- |