17. Tabele HTML

Tabelele pot aparea dificile la inceput, dar cu putina practica ele pot fi utilizate usor. Tagul <table> este folosit pentru a deschide un tabel. Inauntrul acestui tag vom se vor folsoi alte doua taguri specifice <tr> (liniile tabelului) si <td> (coloanele tabelului). Pentru o mai buna intelegere se foloseste urmatorul exemplu:

<table border="1">
    <tr>
        <td>Randul 1 Coloana 1</td>
        <td>Randul 1 Coloana 2</td>
    </tr>
    <tr>
        <td>Randul 2 Coloana 1</td>
        <td>Randul 2 Coloana 2</td>
    </tr>
</table>

HTML – Spatierea celulelor

Cu ajutorul atributelor „cellpadding” si „cellspacing” vom defini distanta dintre celule. „cellspacing” stabileste marimea marginii, iar „cellpandding” stabileste distanta dintre margine si continut. In exemplul urmator a fost adaugata si culoare.

<table border="1" cellspacing="10" cellpadding="10" bgcolor="#e3e3e3"> 
    <tr> 
        <th>Coloana 1</th>
        <th>Coloana 2</th> 
    </tr> 
    <tr>
        <td>Randul 1 Coloana 1</td>
        <td>Randul 1 Coloana 2</td>
    </tr>
    <tr>
        <td>Randul 2 Coloana 1</td>
        <td>Randul 2 Coloana 2</td>
    </tr> 
</table>