A <TABLE>...</TABLE> kódpár

A <TABLE>...</TABLE> kódpár fogja közre az összes többi, táblázat-megjelenítéssel kapcsolatos kódpárt; ha ez hiányzik, akkor a böngészők figyelmen kívül hagyják az egyéb táblázat kódokat.

A <TABLE>...</TABLE> kódpár attribútumai: ALIGN, BORDER, CELLPADDING, CELLSPACING, HEIGHT, SUMMARY és WIDTH; továbbá elavultak a BGCOLOR és a BACKGROUND attribútumok (ezek CSS-használattal helyettesítendők).

A táblázat vízszintes igazítása az oldal széleihez: ALIGN

Az ALIGN attribútum segítségével állíthatjuk be a táblázat igazítását az oldal többi részéhez viszonyítva. Az alapértelmezett igazítás a Left, azaz balra igazított, tehát a táblázat középre vagy a jobb margóhoz való rendezésére az ALIGN értékeként a Center vagy a Right értéket kell megadni, például:

<TABLE BORDER ALIGN=Center>  <TR>   <TD>egy</TD>   <TD>kettő</TD>  </TR>  <TR>   <TD>one</TD>   <TD>two</TD>  </TR> </TABLE>

egy kettő one two

A táblázat háttérképe: BACKGROUND

A BACKGROUND="[elérési_út/]képfájlnév" attribútum beállítja, milyen háttérképen jelenjen meg a táblázat. Ha a táblázat nagyobb, mint a kép, akkor a képet ismételni fogja, ha pedig a táblázat kisebb a képnél, akkor a képnek csak a bal felső részét használja fel hátterezésre:

<TABLE BACKGROUND="hullam.jpg">  <TR>   <TD>egyetlen</TD>   <TD>kettő</TD>  </TR>  <TR>   <TD>one</TD>   <TD>two, three, four, five</TD>  </TR> </TABLE>

egyetlen kettő one two, three, four, five

A táblázat háttérszíne: BGCOLOR

A BGCOLOR=#RRGGBB attribútum beállítja az egész táblázat háttérszínét:

<TABLE BGCOLOR=#44EEEE>  <TR>   <TD>egy</TD>   <TD>kettő</TD>  </TR>  <TR>   <TD>one</TD>   <TD>two</TD>  </TR> </TABLE>

egy kettő one two

A táblázat külső szegélyvonalának vastagsága: BORDER

A BORDER[=n] attribútum megmondja a böngészőnek, hogy kell-e a táblázat köré szegélyt rajzolni, és ha igen, milyen vastag legyen. Ha elhagyjuk a BORDER-t vagy BORDER=0 értékkel használjuk, akkor nem jelennek meg a szegélyvonalak. BORDER=n esetben a szegélyvonalak vastagsága n pixel lesz.

<TABLE BORDER=8 ALIGN=Right>  <TR>   <TD>egy</TD>   <TD>kettő</TD>  </TR>  <TR>   <TD>one</TD>   <TD>two</TD>  </TR> </TABLE>

egy kettő one two

A táblázat belső térköze: CELLPADDING

A CELLPADDING=n annak a térköznek a méretét határozza meg, ami a cella körvonalai és a tartalma között van. Ennek az attribútumnak az alapértéke 1 pixel.

<TABLE BORDER CELLPADDING=8>  <TR>   <TD>egy</TD>   <TD>kettő</TD>  </TR>  <TR>   <TD>one</TD>   <TD>two</TD>  </TR> </TABLE>

egy kettő one two

A táblázat belső szegélyvonalainak vastagsága: CELLSPACING

A CELLSPACING=n attribútum meghatározza azt a távolságot, amely a táblázatban az egyes cellák közé kerül (ez nem más, mint a belső szegélyvonalak vastagsága). Alapértelmezett értéke 1 pixel.

<TABLE BORDER CELLSPACING=8>  <TR>   <TD>egy</TD>   <TD>kettő</TD>  </TR>  <TR>   <TD>one</TD>   <TD>two</TD>  </TR> </TABLE>

egy kettő one two

Kedvenc táblázat-típusom: a táblázat külső szegélyvonala 1 pixel vastagságú (BORDER=1), a belső szegélyvonalak vastagsága minimális (CELLSPACING=0) és a cellék belső térköze 1-3 pixeles (a példában CELLPADDING=2):

<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=2>  <TR>   <TD>egy</TD>   <TD>kettő</TD>  </TR>  <TR>   <TD>one</TD>   <TD>two</TD>  </TR> </TABLE>

egy kettő one two

A táblázat magassága: HEIGHT

A HEIGHT=n[%] attribútummal a táblázat magasságát adhatjuk meg pixelben; ha pedig százalékjelet is használunk, akkor a böngésző megjelenítő területének valamely százalékában. Páldául, az alábbi táblázat a sárga hátterű ablakrész (ami maga is egy táblázat-cella) magasságának 75%-át foglalja el:

<TABLE BORDER HEIGHT=75%>  <TR>   <TD>egy</TD>   <TD>kettő</TD>  </TR>  <TR>   <TD>one</TD>   <TD>two</TD>  </TR> </TABLE>

egy kettő one two

A táblázat tartalmi leírása: SUMMARY

A SUMMARY="szöveg" egy viszonylag új, de fontos attribútum. Ide írhatjuk be a felhasználók tájékoztatására, hogy mi van a táblázatban. A beírt szöveget nem jeleníti meg a böngésző.

<TABLE BORDER SUMMARY="Számok">  <TR>   <TD>egy</TD>   <TD>kettő</TD>  </TR>  <TR>   <TD>one</TD>   <TD>two</TD>  </TR> </TABLE>

egy kettő one two

A táblázat szélessége: WIDTH

A WIDTH=n[%] attribútummal a táblázat szélességét adhatjuk meg pixelben; ha pedig százalékjelet is használunk, akkor a böngésző megjelenítő területének valamely százalékában.

<TABLE BORDER WIDTH=200 ALIGN=Right>  <TR> <TD>egy</TD> <TD>kettő</TD> </TR>  <TR> <TD>one</TD> <TD>two</TD> </TR> </TABLE>

egy kettő one two

Két példa: a felső táblázat szélessége 200 pixel, az alsó táblázat szélessége pedig 80 százaléka az ablak szélességének.

<TABLE BORDER WIDTH=80% ALIGN=Center>  <TR> <TD>egy</TD> <TD>kettő</TD> </TR>  <TR> <TD>one</TD> <TD>two</TD> </TR> </TABLE>

egy kettő one two