Die thead-tag
Die tag thead spesifiseer die boonste gedeelte van 'n tabel.
Word gebruik om rye op so 'n manier te groepeer
dat CSS-style dadelik op 'n sekere groep toegepas kan
word. Daar kan slegs een thead tag in een tabel wees.
Die tag thead word dikwels saam gebruik
met tbody
en tfoot
om die boonste gedeelte, hoofgedeelte
en onderste gedeelte van 'n HTML-tabel te spesifiseer.
Voorbeeld
Kom ons voeg 'n rooi tekskleur by aan die groep rye wat deur die
thead tag gegroepeer is, met behulp van die eienskap
color:
<table>
<thead>
<tr>
<th>Naam</th>
<th>Van</th>
<th>Salaris</th>
</tr>
</thead>
<tbody>
<tr>
<td>naam1</td>
<td>van1</td>
<td>200$</td>
</tr>
<tr>
<td>naam2</td>
<td>van2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>telling: 2</td>
<td>-</td>
<td>totaal: 1200$</td>
</tr>
</tfoot>
</table>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Voorbeeld
En hier staan thead nie bo nie, en tfoot
nie onder nie, nietemin sal die blaaier hulle
op hul regte plekke plaas:
<table>
<tfoot>
<tr>
<td>telling: 2</td>
<td>-</td>
<td>totaal: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>naam1</td>
<td>van1</td>
<td>200$</td>
</tr>
<tr>
<td>naam2</td>
<td>van2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Naam</th>
<th>Van</th>
<th>Salaris</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
