Construirea De Tabele In Html

[gaby]

Tagul specific tabelelor este <table></table> , tabelul se deschide cu <table> si se inchide cu </table>.Tabelul este impartit in randuri, tag-ul specific randurilor fiind <tr></tr> el se deschide cu <tr> si se inchide cu </tr> iar randurile sunt impartite in celule [cells] tag-ul celulei este <td></td> ea se deschide cu <td> si se inchide cu </td>.

Tabelul poate fi delimitat prin border [bordura] ea se pune imediat dupa ce am deschis tabelul tag-ul bordurei este border="2" , unde 2 reprezinta latimea pordurei reprezentata in pixeli.Daca vrem sa nu apara bordura deloc numai punem nimic sau evetual punem 0 intre "".

Exemplu de cod:

<table border="2">

<tr>

<td>celula 1 , Randul 1 </td>

<td>celula2 , Randul 1</td>

</tr>

<tr>

<td>celula 1 , Randul 2</td>

<td>celula 2 , Randul 2</td>

</tr>

</table>

[/code]


Iar rezultatul va fi urmatorul:




[color=red][b]Proprietatile tabelului:[/b][/color]
width="300"  (latimea reprezentata in pixeli , 300 inseamna latimea tabelului)
height="300" (inaltimea tabelului reprezentata in pixeli , 300 inseamna inaltimea tabelului)
cellspacing="1" (distanta dintre celule)
bgcolor="red" (culoare fundalului)
background="images/poza_fundal.png" (fundalul care de data aceasta este o imagine: poza_fundal.png)
align="center,left,right sau justify" (intre se [b]""[/b] se va pune doar o functie din cele prezentate center=centru , left = stanga  si right=dreapta)

[aligaby]

Pentru crearea unui tabel mai sint si alte taguri: <tbody>, <thead>, <tfoot>, <th>, <colgroup>, <col>, atributul cellpading etc.

Mai multe aici: http://w3schools.com/html/html_tables.asp