Java

6. Tabele

< table atribute > …< / table> - tabel HTML

< tr atribute >…< / tr > -linie de tabel

< td atribute >…< / td > -celulă de tabel

EX1

< table atribute > …< / table>

<table border=1>

<TR>

<td>celula 11</td>

<td>celula 12</td>

<td>celula 13</td>

</tr>

<TR>

<td>celula 21</td>

<td>celula 22</td>

<td>celula 23</td>

</tr>

</table>

< table atribute > …< / table> - tabel HTML

atribute

border = chenarul tabelului (in pixeli sau %)

bgcolor = culoarea fondului pentru tabel (valoare RGB sau nume culoare)

background = " url " imaginea de fond pentru tabel;

cellpadding = spaţiul între conţinutul celulelor tabelului si conţinutul lor (in pixeli)

cellspacing = spaţiul între celulele tabelului (in pixeli)

width = lăţimea tabelului (in pixeli sau % din spatiul disponibil)

bordercolor = culoarea chenarului (nume culoare sau valoare RGB)

bordercolorlight = culoarea mai deschisa a chenarului (stânga + sus) (nume culoare sau valoare RGB)

bordercolordark = culoarea mai închisă a chenarului (dreapta + jos) (nume culoare sau valoare RGB)

align = aliniază tabelul in dreapta (right) sau stanga (left) paginii; textul din jurul tabelului curge pe partea opusă

hspace = spaţiul pe orizontala in jurul tabelului (in pixeli)

vspace = spaţiul pe verticala in jurul tabelului (in pixeli)

EX2

<table border=1 bgcolor=red cellspacing=20 cellpadding=14 width=12 bordercolor=blue bordercolorlight=magenta bordercolordark=green align=right hspace=5 vspace=5 cols=7>

<TR>

<th>cap de tabel</th>

<td>celula 11</td>

<td>celula 12</td>

<td>celula 13</td>

</tr>

<TR>

<th>cap de tabel</th>

<td>celula 21</td>

<td>celula 22</td>

<td>celula 23</td>

</tr>

</table>

< tr atribute >…< / tr > - linie de tabel

bgcolor = culoarea fondului pentru întreagă linie (valoare RGB sau nume culoare)

align = alinierea conţinutului celulelor (left, center, right); implicit left

EX3

<table border=1>

<TR bgcolor=red align=right>

<td>celula 11</td>

<td>celula 12</td>

<td>celula 13</td>

</tr>

<TR>

<td>celula 21</td>

<td>celula 22</td>

<td>celula 23</td>

</tr>

</table>