Pe cat de complicate si nesemnificative, tabelele pot fi folosite de la a integra continutul in pagina pana la a forma un template complect al site-ului.
Tagul <table> / </table> este folosit pentru a deschide un tabel. Inauntrul acestui tag in functie de cerinte se vor insera <tr> / </tr> ( liniile tabelului ) si <td> / </td> coloanele tabelului ) .
<table border=”1″>
<tr><td>Rand 1 Celula 1</td><td>Rand 1 Celula 2</td></tr> <tr><td>Rand 2 Celula 1</td><td>Rand 2 Celula 2</td></tr>
</table>
Formatarea de mai sus va aparea sub forma aceasta :
Rand 1 Celula 1 Rand 1 Celula 2
Rand 2 Celula 1 Rand 2 Celula 2
Continutul va fi plasat in interiorul casutelor tabelului. O casuta este definita de <td> si </td>. Atributul border=”1″ stabileste latimea marginii tabelului.
Tabele asimetrice
Pentru a forma tabele de tip asimetric vom folosi in exemplul urmator “rowspan=”2″” pentru a formata mai mute linii si “colspan=”3”” pentru a formata mai multe coloane. De asemenea daca vrem ca prima linie sa fie o linie de titllu pentru toate coloanele vom folosi tagul <th>. Acestea vor fi scrise cu litere ingrosate .
<table border=”1″>
<tr>
<th>Coloana 1</th>
<th>Coloana 2</th>
<th>Coloana 3</th>
</tr>
<tr><td rowspan=”2″>Rand 1 Celula 1</td>
<td>Rand 1 Celula 2</td><td>Rand 1 Celula 3</td></tr>
<tr><td>Rand 2 Celula 2</td><td>Rand 2 Celula 3</td></tr>
<tr><td colspan=”3″>Rand 3 Celula 1</td></tr>
</table>
Formatarea de mai sus va aparea sub forma aceasta :
- Coloana 1
- Coloana 2
- Coloana 3
Rand 1 Celula 1 Rand 1 Celula 2 Rand 1 Celula 3
Rand 2 Celula 2 Rand 2 Celula 3
Rand 3 Celula 1
Toata formatarea dintr-un tabel trebuie sa ie introdusa implicit intre tagurile <table> si </table>.
