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>