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
atributhodnotavysvětlení
rulesnone| all| rows| cols| groupsnastavení mřížky
cellspacing1,2,3..velikost vnějšího okraje buňky
cellpadding1,2,3..velikost vnitřního okraje buňky
framevoid| border| box| hsides| vsides| above| below| lhs| rhsrá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

void
box
hsides
vsides
above
below
border
lhs
rhs

Atributy značky td

Nastavení jednotlivé buňky.

td
atributyhodnotavysvětlení
colspan1,2,3..počet sloupců přes které je buňka rozložena
rowspan1,2,3..přesah řádků

Atributy tagu td rowspan a colspan

Díky nim lze velmi dobře formátovat buňky

rowspan=31.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.
Potřebujete poradit?


Vyhledávání


Poradna

Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.

Reklama