Thead tags
Tags thead norāda tabulas augšējo daļu.
Izmanto, lai grupētu rindas tādā veidā,
lai uzreiz noteiktai grupai varētu
piemērot CSS stilus. Vienā tabulā
var būt tikai viens tags thead.
Tags thead bieži tiek lietots kopā
ar tbody
un tfoot,
lai norādītu HTML tabulas augšējo daļu,
galveno daļu un apakšējo daļu.
Piemērs
Pievienosim rindu grupai, ko apvieno tags
thead, sarkanu teksta krāsu
izmantojot īpašību color:
<table>
<thead>
<tr>
<th>Vārds</th>
<th>Uzvārds</th>
<th>Alga</th>
</tr>
</thead>
<tbody>
<tr>
<td>vārds1</td>
<td>uzvārds1</td>
<td>200$</td>
</tr>
<tr>
<td>vārds2</td>
<td>uzvārds2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>skaits: 2</td>
<td>-</td>
<td>kopā: 1200$</td>
</tr>
</tfoot>
</table>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Piemērs
Šeit thead neatrodas augšā, bet tfoot
neatrodas apakšā, tomēr pārlūkprogramma tos novietos
savās vietās:
<table>
<tfoot>
<tr>
<td>skaits: 2</td>
<td>-</td>
<td>kopā: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>vārds1</td>
<td>uzvārds1</td>
<td>200$</td>
</tr>
<tr>
<td>vārds2</td>
<td>uzvārds2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Vārds</th>
<th>Uzvārds</th>
<th>Alga</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
