Tabuľky webstránok, tvorba stránok

Ano, v HTML mozete vytvarat dokonca aj tabulky webstranky! Na vytvorenie sluzi, ako by ste určite zistili aj sami, blokovy prikaz

TABLE BGCOLOR="farba" WIDTH="velkost" ALIGN="zarovnanie" VALIGN="zarovnanie" BORDER="velkost" CELLSPACING="velkost" CELLPADDING="velkost"

BGCOLOR urcuje farbu pozadia tabulky webstranky. Viac o zadavani farby najdete tu.

WIDTH urcuje sirku tabulky webstranky v bodoch alebo percentach vzhladom na sirku stranky.

ALIGN urcuje typ zarovnania tabulky webstranky (right, center, left).

VALIGN urcuje typ vertikalneho zarovnania poloziek.

BORDER je sirka okraja okolo tabulky webstranky. Je dokonca tienovany. Ak date velkost 0, vypnete ho uplne.

CELLSPACING urcuje volne miesto okolo polozky mimo nej.

CELLPADDING urcuje volne miesto okolo polozky vramci bunky.

Riadok tabulky webstranky je definovany prikazom.

TR BGCOLOR="#farba"

BGCOLOR je farba pozadia. Viac o zadavani farby najdete tu.

Polozka tabulky webstranky v riadku je urcena prikazom.

TD BGCOLOR="#farba" NOWRAP VALIGN="zarovnanie" ALIGN="zarovnanie"

BGCOLOR je farba pozadia bunky, o zadavani farby sme si povedali nieco tu.

NOWRAP znamena, ze text polozky sa nerozdeli, ak je vacsi, ako sirka bunky, ale sa zvacsi tabulka webstranky.

ALIGN je zarovnanie polozky rovnako ako pri prikaze TABLE.

VALIGN je vertikalne zarovnanie polozky.

Do tabulky webstranky mozete vlozit samozrejme nielen text, ale aj obrazok a cokolvek ine.

Klasicky priklad jednoduchej tabulky webstranky:

text polozky tabulky webstranky		linka na tento pokec
a zasa nieco ine	...	...
Polozka tabulky webstranky	Text	Polozka tabulky webstranky

A jej zdrojovy text:

<CENTER>
<TABLE WIDTH="50%" ALIGN="abscenter" BORDER="4" CELLSPACING="3" CELLPADDING="10">
<TR>
<TD NOWRAP VALIGN="center" ALIGN="center">text polozky tabulky webstranky</TD>
<TD NOWRAP VALIGN="center" ALIGN="center"></TD>
<TD NOWRAP VALIGN="center" ALIGN="center">text inej polozky</TD>
</TR>

<TR>
<TD NOWRAP VALIGN="center" ALIGN="center">a zasa nieco ine</TD>
<TD NOWRAP VALIGN="center" ALIGN="center">...</TD>
<TD NOWRAP VALIGN="center" ALIGN="center">...</TD>
</TR>
<TR>
<TD NOWRAP VALIGN="center" ALIGN="center">Polozka tabulky webstranky</TD>
<TD NOWRAP VALIGN="center" ALIGN="center">Text</TD>
<TD NOWRAP VALIGN="center" ALIGN="center">Polozka tabulky webstranky</TD>
</TR>
</TABLE>
</CENTER>