Príkazy na tvorbu tabuliek

Na tvorbu tabuliek slúžia následujúce príkazy:

<TABLE>
</TABLE>
začiatok a koniec tabuľky
<TR>
</TR>
začiatok a koniec riadku tabuľky
<TH>
</TH>
začiatok a koniec bunky záhlavia tabuľky
<TD>
</TD>
začiatok a koniec bunky
Príkaz <TABLE> má tieto atribúty:
BORDER="x"rámik tabuľky
BGCOLOR="#xxxxxx" farba pozadia v hexadecimálnych hodnotách "#000000" až "#FFFFFF"
CELLSPACING="x"medzera medzi bunkami
CELLPADDING="x"medzera medzi obsahom bunky a rámikom
WIDTH="xx%"šírka tabuľky v % napr. 80%
ALIGN=LEFT/CENTER/RIGHTzarovnanie tabuľky na aktuálnom riadku, pokiaľ je užšia ako riadok
Napr.:
<TABLE BGCOLOR="#FFFFCC" BORDER="1" CELLSPACING="4" CELLPADDING="1" WIDTH="90%" ALIGN=CENTER>
Príkaz <TR>, <TH>, <TD> má tieto atribúty:
ALIGN=LEFT/CENTER/RIGHTzarovnanie obsahu bunky vo vodorovnom smere (vľavo/v strede/vpravo)
VALIGN=TOP/MIDDLE/BOTTOMzarovnanie obsahu bunky v zvislom smere (hore/ v strede/dole)
Príkaz <TD>, <TH> má naviac tieto atribúty:
ROWSPAN="x"počet zlúčených buniek na riadku
COLSPAN="x"počet zlúčených buniek v zvislom smere (v stĺpci)
WIDTH="x"šírka bunky v počte obrazovkových bodov
HEIGHT="x"výška bunky v počte obrazovkových bodov

 

Príklad jednoduchej tabuľky s rôznym zarovnaním textu v bunke

text11 text21 text31 text41
text12 text22 text32 text42
text13 text23 text33 text43
text14 text24 text34 text44

Uvedenú tabuľku vytvoríme pomocou príkazov:

<table border="1" bgcolor="#99ddff" width="80%">
<tr ><th>text11 </th><th>text21 </th><th>text31 </th><th>text41 </th></tr>
<tr ><td>text12 </td><td>text22 </td><td>text32 </td><td>text42 </td></tr>
<tr align=center ><td>text13 </td><td>text23 </td><td>text33 </td><td>text43 </td></tr>
<tr align=right ><td>text14 </td><td>text24 </td><td>text34 </td><td>text44 </td></tr>
</table>

 

Príklad tabuľky so zlučovanými bunkami

Názov výrobkuCena Sk/ks
bez DPHs DPH
pero100,--123,--
zošit A415,2018,70
zošit A5 6,908,40

Uvedenú tabuľku vytvoríme pomocou príkazov:

<TABLE COLS=3 BORDER=2 CELLSPACING=1 CELLPADDING=4 WIDTH="70%" bgcolor="#99DDFF" align=center>
<col>
<col align=center>
<col align=center>
<tr><th rowspan=2>Názov výrobku</th><th colspan=2>Cena Sk/ks</th></tr>
<tr><th>bez DPH</th><th>s DPH</th></tr>
<tr ><td>pero</td><td>100,--</td><td>123,--</td></tr>
<tr ><td>zošit A4</td><td>15,20</td><td>18,70</td></tr>
<tr ><td>zošit A5</td><td> 6,90</td><td>8,40</td></tr>
</TABLE>

© TS