Pagina principala >Organizarea datelor in tabele
 
 

HTML permite organizarea datelor in tabele. Pentru a insera tabele in paginile web este nevoie de urmatoarele taguri:

<table> ...</table> - genereaza tabelul (fara randuri si coloane)
<tr> ...</tr> - genereaza randul unui tabel
<td>... </td> - genereaza celula unu tabel

Atribute folosite:
width="300" - precizeaza latimea tabelului sau a unei celule (in pixeli sau ca procent din latimea paginii )
align="center" - precizeaza modul de aliniere a tabelului (valori posibile - left, right, center)
border="1" - precizeaza latimea bordurii tabelului (0- fara bordura)
bordercolor="#003300" - precizeaza culoarea bordurii
cellspacing="0" - precizeaza marimea spatiului dinte celule (0 - fara spatiu)
bgcolor="#666633" - precizeaza culoarea fundalului tabelului, randului sau celulei
colspan="2" - precizeaza faptul ca o celula se poate intinde pe 2 sau mai multe coloane
rowspan="2" - precizeaza faptul ca o celula se poate intinde pe 2 sau mai multe randuri

Exemplu:
Pentru a genera tabelul de mai jos a fost folosit urmatorul cod:

Nume
Note
Vasile
8
9
Ioana
7
10

<table width="300" border="1" cellspacing="0" bordercolor="#003300">
<tr bgcolor="#666633">
<td>Nume</td>
<td colspan="2">Note></td>
</tr>
<tr>
<td>Vasile</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>Ioana</td>
<td>7</td>
<td>10</td>
</tr>
</table>