Tvorba webu » HTML » Tabulky v HTML

Tabulky v HTML

Table - tabulka

Tabulka je párový tag, obsahuje nadpis a řádky do kterých se zapisují jednotlivé buňky, obsahuje spoustu atributů:

Align - atribut

Atribut align u tabulek nabývá tří hodnot left, right a center při použití left se tabulka zarovná na levý okraj bude zprava obtékána textem, při použití right se tabulka zarovná doprava a bude z leva obtékána textem a při použití center se tabulka vycentruje tedy se zarovná na střed.Pokud atribut align nepoužijete tabulka se zarovná doleva to je totožné jako align="left".

Border - atribut

Atribut border určuje šířku rámečku okolo tabulky pokud se atribut border nepoužije rámeček okolo tabulky a mřížka se nezobrazí jako hodnota se uvádí počet pixelů.

Bordercolor - atribut

Atribut bordercolor určuje barvu rámečku jako jeho hodnota se uvádí jméno barvy anglicky nebo hexakód. Pokud tento atribut nepoužijete zobrazí se šedá barva rámečku.

Bordercolorlight - atribut

Atribut bordercolorlight se používá ke světlejším odstínům barev jako jeho hodnota se uvádí barva a to hexakód nebo anglicky.

Bordercolordark - atribut

Atribut bordercolordark vykresluje tmavší barvu rámečku jako jeho hodnota se uvádí barva a to buď hexakód nebo anglicky.

Width a height - atribut

Pomocí atributů width a height můžete nastavit minimální šířku a výšku tabulky, pokud se obsah tabulky nevejde do tabulky tabulka se zvětší, jako hodnota se uvádí počet pixelů.

Bgcolor - atribut

Atribut bgcolor nastavuje barvu pozadí tabulky jako jeho hodnota se uvádí hexakód nebo barva anglicky.

Background - atribut

Pomocí atributu background můžete na pozadí tabulky vložit obrázek jako hodnota se uvádí cesta k obrázku ta může být relativní i absolutní, nejlepším řeším při používání obrázků na pozadí je nastavit na bgcolor barvu pokud obrázek nedorazí zobrazí se alespoň barva pozadí.

Frame - atribut

Pomocí atributu frame můžete nastavit rámeček okolo tabulky má hodně hodnot: void, border, box, hsides, vsides, above, below, lhs, rhs teď si hodnoty popíšeme pěkně jednu po druhé při použití void(frame="void") se tabulka zobrazí bez rámečku, při použití above(frame="above") se rámeček zobrazí pouze na horní straně tabulky, při použití below(frame="below") se rámeček zobrazí na spodní straně tabulky, při použití hsides(frame="hsides") se rámeček zobrazí na horní a spodní straně tabulky, při použití vsides(frame="vsides") se rámeček zobrazí na levé a pravé straně tabulky, při použití lhs(frame="lhs") se rámeček zobrazí na levé straně tabulky, pří použití rhs(frame="rhs") se rámeček zobrazí na pravé straně tabulky, při použití box(frame="box") nebo border(frame="border") se rámeček zobrazí okolo celé tabulky.

Rules - atribut

Pomocí atributu rules můžete  nastavit mřížku tabulky mřížka se může zobrazovat mezí jednotlivými buňkami, skupinami řádek a sloupců a mezi řádky nebo sloupci. jako hodnoty se uvádí: none, groups, rows, cols, all. Při použití none(rules="none") se mřížka nezobrazí, při použití  groups(rules="groups") se mřížka zobrazí mezi skupinami sloupců a řádek( thead tfoof tbody colgroup ), při použití rows(rules="rows")  se mřížka zobrazí mezi řádky tabulky, při použití cols(rules="cols") se mřížka zobrazí mezi sloupci tabulky, při použití all(rules="all") se mřížka zobrazí mezi všemi buňkami tabulky.

Summary - atribut

Atribut summary se používá jako alternativní shrnutí obsahu jako jeho hodnota se uvádí shrnutí obsahu tedy normální text.

Cellpadding a cellspacing - atribut

Atribut cellpadding se používá k zapsání vnitřního okraje buněk, cellspacing se používá k nastavení vnějšího okraje jako hodnoty se uvádějí pixely.

Tr - řádka tabulky

Tag tr určuje řádku tabulky tento tag je párový ale může se používat i jako nepárový tr řádka tabulky se vyskytuje pouze v elementu table.

Height - atribut

Atribut height určuje výšku řádky jako jeho hodnota se uvádí počet pixelů.

Background - atribut

Pomocí atributu background můžete na pozadí tabulky vložit obrázek jako hodnota se uvádí cesta k obrázku ta může být relativní i absolutní.

Bgcolor - atribut

Atribut bgcolor nastavuje barvu pozadí řádky tabulky jako jeho hodnota se uvádí hexakód nebo barva anglicky.

Td a th - buňka a zvýrazněná buňka tabulky

Tag td je normální buňka tabulky zapisuje se pouze do řádek tabulky tr, tag th je zvýrazněná buňka tabulky její obsah je vycentrován a písmo v th je tučné, th se zapisuje pouze do řádek tabulky tr.

Align - atribut

Atribut align určuje zarovnání v buňce tabulky, nabývá několika hodnot: left, center, right, justify, při použití left(align="left") se obsah buňky zarovná do leva, při použití right(align="right") se obsah buňky zarovná doprava, při použití center(align="center") se obsah buňky vycentruje a nakonec při použití justify(align="justify") se obsah buňky zarovná do bloku.

Valign - atribut

Atribu valign určuje vertikální zarovnání buňky jeho hodnoty jsou: top, middle, bottom, baseline, při použití top(valign="top") se se obsah buňky zarovná nahoru, při použití middle(valign="middle") se obsah buňky zarovná na střed, při použití bottom(valign="bottom") se obsah buňky zarovná dolů a nakonec při použití baseline(valign="baseline")  se obsah buňky zarovná k ostatním textům.

Bordercolor - atribut

Atribut bordercolor určuje barvu rámečku jako jeho hodnota se uvádí jméno barvy anglicky nebo hexakód. Pokud tento atribut nepoužijete zobrazí se šedá barva rámečku.

Bordercolorlight - atribut

Atribut bordercolorlight se používá ke světlejším odstínům barev jako jeho hodnota se uvádí barva a to hexakód nebo anglicky.

Bordercolordark - atribut

Atribut bordercolordark vykresluje tmavší barvu rámečku jako jeho hodnota se uvádí barva a to buď hexakód nebo anglicky.

Width a height - atribut

Pomocí atributů width a height můžete nastavit minimální šířku a výšku buňky, pokud se obsah buňky nevejde do zadané šířky a výšky buňky se zvětší, jako hodnota se uvádí počet pixelů.

Background - atribut

Pomocí atributu background můžete na pozadí buňky tabulky vložit obrázek jako hodnota se uvádí cesta k obrázku ta může být relativní i absolutní.

Bgcolor - atribut

Atribut bgcolor nastavuje barvu pozadí buňky jako jeho hodnota se uvádí hexakód nebo barva anglicky.

Nowrap - atribut

Pomocí tohoto atributu lze docílit že obsah buňky se nebude zalamovat, tento atribut se uvádí bez hodnoty.

Rowspan - atribut

Pomocí atributu rowspan můžete spojit několik buněk na dalším řádku (to jsou buňky pod sebou ), jako hodnota se uvádí číslo které říká počet spojených buněk.

Colspan - atribut

Pomocí atributu rowspan můžete spojit několik buněk v dalším sloupci, jako hodnota se uvádí počet spojených buněk.

Axis, scope, abbr, headers

jsou atributy pomocí kterých se budou tabulky snadno zpracovávat různými programy tyto atributy se v praxi vůbec nepoužívají.

Caption - nadpis tabulky

Tag caption se používá pro nadpis tabulky musí se zapisovat do elementu table hned na začátek zobrazuje jako vycentrovaný text nad tabulkou tento tag je párový.

Align - atribut

Pomocí atributu align můžete nastavit zarovnání nadpisu, hodnoty: left, center a right, při použití left(align="left") se nadpis zarovná do leva při použití center(align="center") se nadpis vycentruje a při použití right(align="right") se nadpis zarovná do prava.

Valign - atribut

Pomocí atributu valign můžete nastavit vertikální zarovnání, při použití top(valign="top") se nadpis zobrazí nad tabulkou a při použití bottom(valign="bottom")se nadpis zobrazí pod tabulkou.

Thead, tfoot, tbody - rozdělení tabulky

Pomocí tagů thead, tfoot a tbody můžete rozdělit tabulku na více částí, rozdělení musí začínat thead pak tfoot a nakonec tbody tyto tagy jsou párové ale mohou se používat jako nepárové.

Align - atribut

Atribut align určuje zarovnání v v části tabulky, nabývá několika hodnot: left, center, right, justify, při použití left(align="left") se obsah buňky zarovná do leva, při použití right(align="right") se obsah buňky zarovná do prava, při použití center(align="center") se obsah buňky vycentruje a nakonec při použití justify(align="justify") se obsah buňky zarovná do bloku.

Valign - atribut

Atribu valign určuje vertikální zarovnání části tabulky jeho hodnoty jsou: top, middle, bottom, baseline, při použití top(valign="top") se se obsah buňky zarovná nahoru, při použití middle(valign="middle") se obsah buňky zarovná na střed, při použití bottom(valign="bottom") se obsah buňky zarovná dolů a nakonec při použití baseline(valign="baseline")  se obsah buňky zarovná k ostatním textům.

Bgcolor - atribut

Atribut bgcolor nastavuje barvu pozadí části tabulky jako jeho hodnota se uvádí hexakód nebo barva anglicky.

Col - sloupce tabulky

Nepárový element col může obsahovat atributy které budou fungovat ve všech buňkách ve sloupci.Elementy col se vztahují ke sloupcům tak jak jsou zapsány.

Align - atribut

Atribut align určuje zarovnání v v části tabulky, nabývá několika hodnot: left, center, right, justify, při použití left(align="left") se obsah buňky zarovná do leva, při použití right(align="right") se obsah buňky zarovná do prava, při použití center(align="center") se obsah buňky vycentruje a nakonec při použití justify(align="justify") se obsah buňky zarovná do bloku.

Valign - atribut

Atribu valign určuje vertikální zarovnání části tabulky jeho hodnoty jsou: top, middle, bottom, baseline, při použití top(valign="top") se se obsah buňky zarovná nahoru, při použití middle(valign="middle") se obsah buňky zarovná na střed, při použití bottom(valign="bottom") se obsah buňky zarovná dolů a nakonec při použití baseline(valign="baseline")  se obsah buňky zarovná k ostatním textům.

Bgcolor - atribut

Atribut bgcolor nastavuje barvu pozadí části tabulky jako jeho hodnota se uvádí hexakód nebo barva anglicky.

Colgroup - skupiny sloupců

Element colgroup má stejné vlastnosti jako col.

Align - atribut

Atribut align určuje zarovnání v v části tabulky, nabývá několika hodnot: left, center, right, justify, při použití left(align="left") se obsah buňky zarovná do leva, při použití right(align="right") se obsah buňky zarovná do prava, při použití center(align="center") se obsah buňky vycentruje a nakonec při použití justify(align="justify") se obsah buňky zarovná do bloku.

Valign - atribut

Atribu valign určuje vertikální zarovnání části tabulky jeho hodnoty jsou: top, middle, bottom, baseline, při použití top(valign="top") se se obsah buňky zarovná nahoru, při použití middle(valign="middle") se obsah buňky zarovná na střed, při použití bottom(valign="bottom") se obsah buňky zarovná dolů a nakonec při použití baseline(valign="baseline")  se obsah buňky zarovná k ostatním textům.

Bgcolor - atribut

Atribut bgcolor nastavuje barvu pozadí části tabulky jako jeho hodnota se uvádí hexakód nebo barva anglicky.

Příklad:

<table bgcolor="orange" border="1" align="center" bordercolor="red" >
<tr>
<th>HTML</th><th>CSS</th><th>PHP</th>
<tr/>
<tr>
<td>98%</td><td>88%</td><td>23%</td>
</tr>
<tr>
<td colspan="3">využívání na webových stránkách</td>
</tr>
</table>

zobrazit výsledek

Reklama