Definirea culorilor de fond pentru un tabel
Culoarea de fond se stabileste cu ajutorul atributului
bgcolor
, care poate fi atasat intregului tabel prin
eticheta <table>, unei linii prin eticheta
<tr> sau celule de date prin eticheta <td>.
Valorile pe care le poate primi bgcolor
sunt cele
cunoscute pentru o culoare.
Daca in tabel sunt definite mai multe
atribute bgcolor
, atunci prioritatea este urmatoarea:
<td>, <tr>, <table> ( cu
prioritate cea mai mica ).
<html>
<head><title>
tabelex_4</title></head>
<body><h1
align=center>
Un tabel simplu
colorat</h1><hr>
<table
border="3" bgcolor="green">
<tr>
<td>
verde 11 <td bgcolor="red">
rosu 11
<tr bgcolor="blue"> <td>
albastru 21
<td bgcolor="yellow">
galben 22
<tr
bgcolor="cyan"> <td>
cell 31
<td>
cell 32
<tr>
<td>
cell 41 <td bgcolor="white">
cell
42
</table>
</body>
</html>
Culoarea
textului din fiecare celula se pote stabili cu ajutorul expresiei:
<font color="valoare">...</font>
.
Dimensionarea celulei unui tabel
Distanta dintre doua celule vecine se defineste cu ajutorul
atributului cellspacing
al etichetei
<table>.Valorile acestui atribut pot fi numere intregi
pozitive, inclusiv 0, si reprezinta distanta in pixeli dintre doua
celule vecine.
Valorea prestabilita a atributului
cellspacing
este 2.
<html>
<head><title>
tabelex_5</title></head>
<body><h1
align=center>
Un tabel fara chenar de celule
alipite</h1><hr>
<table
cellspacing="0">
<tr> <td
bgcolor="gray">
gri 11 <td
bgcolor="red">
rosu 12
<tr bgcolor="blue">
<td>
albastru 21 <td
bgcolor="yellow">
galben 22
</table>
</body>
</html>
Distanta dintre marginea unei celule si continutul ei poate fi
definita cu ajutorul atributului cellpadding
al etichetei
<table>.Valorile acestui atribut pot fi numere intregi
pozitive, si reprezinta distanta in pixeli dintre celule si continutul
ei.
Valorea prestabilita a atributului cellpadding
este
1.
<html>
<head><title>
tabelex_6</title></head>
<body><h1
align=center>
Un tabel de celule
mari</h1><hr>
<table border
cellpadding="20">
<tr> <td>
gri
11 <td>
rosu 12
<tr>
<td>
albastru 21 <td>
galben 22
</table>
</body>
</html>
Alinierea continutului unei celule
Alinierea pe orizontala a continutului unei celule se face cu
ajutorul atributului align
care poate lua valorile:
- " left " ( la stanga );
- " center " ( centrat , valoarea prestabilita );
- " right " ( la dreapta );
- " char " ( alinierea se face fata de un caracter ).
Alinierea pe verticala a continutului unei celule se face cu ajutorul
atributului valign
care poate lua valorile:
- " baseline " ( la baza );
- " bottom " ( jos );
- " middle " ( la mijloc, valoarea prestabilita );
- " top " ( sus ).
Aceste atribute pot fi atasate atat etichetei <tr>
pentru a defini tuturor elementelor celulelor unui rand, cat si
etichetelor <td> si <th> pentru a stabili
alinierea textului intr-o singura celula.
<html>
<head><title>
tabelex_11</title></head>
<body><h1
align=center>
Un tabel avand continutul celulelor
aliniate</h1>
<table border
width="50%" height="50%">
<tr
align="right">
<td>
Aici
<td>
alinierea<td>
este
centru<td>
dreapta
<tr>
<td
align="left">
stanga
<td
align="center">
centru<td valign="top">
sus
<td valign="bottom">
jos
<tr
align="left">
<td>
aici<td>
alinierea
<td>
este centru<td>
stanga
(implicita) </table>
</body>
</html>