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