První hodnoty, o kterých si povíme, jsou nositeli vykreslování tabulky. Dělí se na dvě části - Vykreslování rámečku (příkazem FRAME) a vykreslování mřížky (příkaz RULES). Tyto dva atributy umožňují, aby se rámeček kolem tabulky i kolem jednotlivých buněk vykresloval podle zadané hodnoty :

1) atribut FRAME (vykreslování rámečku) a jeho hodnoty :
 

void	tabulka nemá rámeček
border	rámeček je kolem celé tabulky
box	rámeček je kolem celé tabulky
hsides	horizontální strany (horní a dolní)
vsides	vertikální okraje (pravý a levý)
below	pouze spodní okraj
lhs	levé strana tabulky
rhs	pravá strana tabulky

Samozřejmě nesmíme zapomenout zadat nenulovou šířku rámečku, aby se nám tabulka zobrazila.

2) atribut RULES (vykreslování mřížky) a jeho hodnoty :
 

none	mřížka nebude vykreslena
all	mřížka bude vykreslena mezi všemi buňkami
rows	mřížka bude pouze mezi řádky
cols	mřížka bude pouze mezi sloupci tabulky
groups	mřížka bude pouze mezi oddíly tabulky

Příklady zápisů

FRAME

<table border="1" cellpadding="5" cellspacing="0" width="60%" frame="hsides">

RULES

<table border="1" cellpadding="5" cellspacing="0" width="60%" rules="cols">

Pokud jde o použití, tyto atributy a jejich hodnoty slouží víceméně pro estetické zlepšení stránky, jinak nemají ve funkčnosti stránky valného významu. Ale je dobré o nich něco vědět, protože jsou to příkazy v celku nové a navíc na stránkách vypadají docela hezky, nebo lépe řečeno vypadají lépe než obyčejné plné tabulky.

Hromadné formátování v buňkách

Jistě pokud jste upravovali nějakou větší tabulku, nebylo dvakrát záživné pro každou buňku zadávat zvlášť požadovanou hodnotu. Proto se objevil šikovný formátovací atribut COL. Slouží k formátování sloupců.

Jde o to, že si předem, ještě než začneme psát samotnou tabulku, vložíme před ní tag <col>.

Každý col je pro jeden sloupeček, tedy mělo by být tolik vlastností col kolik máme sloupečků v tabulce.Příklad:

<table border="1" width="200">
<col align="left" width="20">
<col align="right">
<col align="center" bgcolor="red">

..teť následuje samotný zápis tabulky <tr><td>...
 

1	2	3
4	5	6

Vysvětlení :

<table border="1" width="200">....definice vzniku tabulky; hned pod ní:
<col align="left" width="20">....v prvním sloupci (20px) celé tabulky bude obsah zarovnán doleva.
<col align="right">....zarovnání obsahu v druhém sloupečku (protože tento col je druhý v pořadí) bude doprava.
<col align="center" bgcolor="red">....v třetím sloupečku bude obsah vycentrován na střed a navíc pozadí celého sloupečku (všech buněk v něm) bude mít červené pozadí.

S tímto si můžeme pohrát, lze tak například přiřadit sloupečku barvu, obrázek do pozadí atd., ale hlavně nám to zjednoduší práci při formátování dlouhé a někdy tak i nepřehledné tabulky.

Autor: Michal Puc, puc.michal@c-box.cz, informace a seznam článků