HTML UΦebnice - tabulky

Tabulka je jeden z nejmocn∞jÜφch nßstroj∙ HTML. Je mo₧nΘ je pou₧φvat jak p°i prezentaci informacφ, tak pro p°esnou kontrolu nad layoutem strßnky. V tΘto kapitole naleznete jen nejzßkladn∞jÜφ informace o tabulkßch. Pokud budete vytvß°et slo₧it∞jÜφ tabulky, p°enechte prßci html editor∙m.

Jednoduchß tabulka

Tabulky se vytvß°ejφ pomocφ tagu <TABLE>. JednotlivΘ °ßdky se vklßdajφ pomocφ tagu <TR>. ╪ßdky pak rozd∞lujeme do sloupc∙ (bun∞k) pomocφ <TD>.

<TABLE>

<TR>
  <TD>m∞sφc</TD>
  <TD>rok</TD>
</TR>

<TR>
  <TD>leden</TD>
  <TD>2001</TD>
</TR>

</TABLE>

Zarovnßnφ bun∞k

Zp∙sob zarovnßnφ bun∞k m∙₧eme m∞nit pomocφ atributu ALIGN. Ten m∙₧e nab²vat hodnot : LEFT (Zarovnßnφ vlevo), RIGHT (Zarovnßnφ vpravo) a CENTER (vycentrovßnφ). Pokud chceme zarovnat cel² °ßdek, m∙₧eme atribut ALIGN pou₧φt i v tagu <TR>

<TABLE>

<TR>
<TD ALIGN=CENTER>m∞sφc</TD>
<TD ALIGN=LEFT>rok</TD>
</TR>

<TABLE>

Zcela shodn∞ se pou₧φvß atribut VALIGN, kter² slou₧φ k vertikßlnφmu zarovnßnφ. VALIGN m∙₧e nab²vat op∞t t°φ hodnot : TOP (obsah bu≥ky se zarovnß s hornφm okrajem bu≥ky), BOTTOM (obsah bu≥ky se zarovnß se spodnφm okrajem bu≥ky) a MIDDLE (obsah bu≥ky se zarovnß doprost°ed). VALIGN i ALIGN m∙₧eme pou₧φt jak u <TD>, tak u <TR>.

Velikost tabulky

Velikost tabulky m∙₧eme urΦit ruΦn∞ (natvrdo) a to pomocφ atributu WIDTH a HEIGHT. WIDTH je Üφ°ka tabulky a HEIGHT je v²Üka tabulky. Zadßvß se v pixelech. Pokud se ale obsah do tabulky nevejde, prost∞ se zv∞tÜφ. Podobn∞ m∙₧eme zadßvat velikost bun∞k <TD>. Pokud ovÜem zadßte velikost tabulky, souΦet velikostφ bun∞k se musφ rovnat velikosti tabulky. VÜe urΦit∞ pochopφte z nßsledujφcφho p°φkladu :

<TABLE WIDTH=500 HEIGHT=200>

<TR>
<TD WIDTH=250 HEIGHT=100>rok</TD>
</TR>

<TR>
<TD WIDTH=250 HEIGHT=100>2001</TD>
</TR>

</TABLE>

Nastavenφ tabulky

Mezi atributy tagu TABLE pat°φ CELLPADDING, pomocφ kterΘho urΦφme vzdßlenost obsahu bu≥ky od okraj∙ bu≥ky. Atribut CELLSPACING nastavuje mezeru mezi bu≥kami. Dßle si m∙₧eme pomocφ atributu BORDER nastavit velikost rßmeΦku okolo tabulky. Ka₧dΘ tabulce m∙₧eme uvΘst jejφ nadpis pomocφ elementu CAPTION.

<TABLE CELLPADDING=5 CELLSPACING=5 BORDER=1>

<CAPTION>nßzev</CAPTION>
<TR>
<TD>m∞sφc</TD>
<TD>rok</TD>
</TR>

<TABLE>