formatarea unui tabel

Dacă nu specificaţi o valoare pentru bordura, tabelul va fi afişat fără borduri.
Pentru a afişa un tabel cu borduri, va trebui să utilizaţi o valoare pentru atributul de bordura:

<table border=”1″>
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>

Row 1, cell 1 Row 1, cell 2

Daca vreti sa evidentiati capul de tabel folositi tagul <th> in loc de td

<table border=”1″>
<tr>
<th>antet1</th>
<th>antet2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

antet1 antet2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

Celulele le putem uni cu atributele:
colspan = uneste celula cu cea din dreapta ei
si
rowspan = uneste celula cu cea de sub ea

<table border=”1″>
<tr>
<th>Name</th>
<th colspan=”2″>Telephone</th>
</tr>
<tr>
<td>Bassescu</td>
<td>11 23 34</td>
<td>11 22 33</td>
</tr>
</table>

Name Telephone
Bassescu 11 23 34 11 22 33

<table border=”1″>
<tr>
<th>Name:</th>
<td>Basescu</td>
</tr>
<tr>
<th rowspan=”2″>Telephone:</th>
<td>111 22 33</td>
</tr>
<tr>
<td>111 22 34</td>
</tr>
</table>

Name: Basescu
Telephone: 111 22 33
111 22 34

Adaugarea unei culori pentru background:

<table border=”1″
bgcolor=”green”>
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>

First Row
Second Row

Pentru adaugarea unei imagini pentru background:

<table border=”1″
background=”numepoza.jpg”>
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>

Daca poza se afla in alta locatie trebuie data adresa completa.

Daca vreti sa dati un nume tabelului folositi tagul caption

<table border=”1″>
<caption>Titlu</caption>
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
</table>

Titlu
100 200 300
400 500 600

{joscommentenable}

Leave a Comment