Tabelele din HTML sunt, parerea mea, un lucru esential si trebuie sa fie printre primele lucruri care le inveti din HTML.Treaba cu aceste tabele nu e una foarte complicata, sunt niste tabele ca oricare altele, cu linii si coloane.
Un tabel e cuprins intre tag-urile <table> si </table>. Liniile sunt cuprinse intre <tr> si </tr>, iar celulele intre <td> si </td>. Aveti mai jos un exemplu simplu de tabel in HTML care va arata
astfel:
<table border="1">
<tr><td>Linia 1 - Coloana 1</td><td>Linia 1 - Coloana 2</td></tr>
<tr><td>Linia 2 - Coloana 1</td><td>Linia 2 - Coloana 2</td></tr>
<tr><td>Linia 3 - Coloana 1</td><td>Linia 3 - Coloana 2</td></tr>
</table
Liniile acestui tabel sunt vizibile (la 1 pixel in acest caz) deoarece atributul border are valoarea 1. Daca acest atribut nu e specificat sau e 0, liniile tabelului nu se vad.
Fiecare coloana a tabelului poate avea un titlu care e cuprins intre tag-urile <th> si </th>.Acestea sunt declarate inainte de prima linie si e bine sa fie tot atatea titluri cate coloane sunt.De exemplu :
<table border="1">
<th>Titlu 1</th><th>Titlu 2</th>
<tr><td>Linia 1 - Coloana 1</td><td>Linia 1 - Coloana 2</td></tr>
<tr><td>Linia 2 - Coloana 1</td><td>Linia 2 - Coloana 2</td></tr>
<tr><td>Linia 3 - Coloana 1</td><td>Linia 3 - Coloana 2</td></tr>
</table>
Alte atribute ale tabelului sunt cellspacing care indica spatiul dintre celule (in pixeli), cellpadding care indica spatiul dintre continutul celulei si marginea ei, align care poate lua valorile left, center sau right si, bineinteles, indica aliniamentul tabelului.
Aveti aici un exemplu destul de complex si colorat:
<table border="2" cellspacing="10" cellpadding="20" bordercolor="#FF0000">
<th bgcolor="#FFFF00">Titlu 1</th><th bgcolor="#FFFF00">Titlu 2</th>
<tr><td bgcolor="#CCCCCC">Linia 1 - Coloana 1</td><td>Linia 1 - Coloana 2</td></tr>
<tr><td>Linia 2 - Coloana 1</td><td bgcolor="#CCCCCC">Linia 2 - Coloana 2</td></tr>
<tr><td bgcolor="#CCCCCC">Linia 3 - Coloana 1</td><td>Linia 3 - Coloana 2</td></tr>
</table>