In limbajul HTML tabelele permit creatorului de pagini HTML sa aranjeze datele (text, imagini, legaturi, ...) pe randuri si coloane de celule.
F.1. Tabele HTML.
In limbajul HTML tabelele sunt definite cu ajutorul marcajului (etichetei) <table>.
Un tabel este divizat (impartit) in randuri prin intermediul marcajului <tr>.
Literele tr inseamna "table row" (randuri tabel).
Fiecare rand al unui tabel este divizat in celule utilizand marcajul <td>.
Literele td inseamna "table data" (date tabel), adica continutul unei celule a tabelului.
O celula a unui tabel poate contine text, imagini, paragrafe, liste, formulare, tabele, etc.
In continuare este oferit continutul unui document care defineste un tabel cu doua randuri si doua coloane:
<html>
<body>
<table border="1">
<tr>
<td>rand 1, coloana 1</td>
<td>rand 1, coloana 2</td>
</tr>
<tr>
<td>rand 2, coloana 1</td>
<td>rand 2, coloana 2</td>
</tr>
</table>
</body>
</html>
Pentru a afisa un tabel fara borduri (margini) se va seta atributul border="0", lucru care poate fi remarcat in continuare.
F.2. Definirea unui cap de tabel (heading).
Un cap de tabel (antet) se defineste prin intermediul marcajului <th>, dupa cum se poate observa in urmatorul document HTML:
<html>
<body bgcolor="orange">
<table border="1">
<tr>
<!-- definire cap de tabel (antet) -->
<th>Prima</th>
<th>A doua</th>
</tr>
<tr>
<td>rand 1, coloana 1</td>
<td>rand 1, coloana 2</td>
</tr>
<tr>
<td>rand 2, coloana 1</td>
<td>rand 2, coloana 2</td>
</tr>
</table>
</body>
</html>
|
BluePink 
