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/RIGHT | zarovnanie 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/RIGHT | zarovnanie obsahu bunky vo vodorovnom smere (vľavo/v strede/vpravo) |
VALIGN=TOP/MIDDLE/BOTTOM | zarovnanie 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 |
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> |
Názov výrobku | Cena Sk/ks | |
---|---|---|
bez DPH | s DPH | |
pero | 100,-- | 123,-- |
zošit A4 | 15,20 | 18,70 |
zošit A5 | 6,90 | 8,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