Thead teg
thead teg tablisanyň ýokarky bölegini kesgitleýär.
CSS stillerini derrew belli bir topara ýola goýup boljak ýaly hatarlary toparlamak üçin ulanylýar. Bir tablisada
diňe bir thead teg bolup bilýär.
thead teg köplenç
tbody
we tfoot
bilen bilelikde HTML tablisasynyň ýokarky bölegini, esasy bölegini
we aşaky bölegini kesgitlemek üçin ulanylýar.
Mysal
Geliň, thead teg bilen birleşdirilen hatarlar toparyna
color ýaýylymy arkaly gyzyl reňkli teksti goşalyň:
<table>
<thead>
<tr>
<th>Name</th>
<th>Surn</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>name1</td>
<td>surn1</td>
<td>200$</td>
</tr>
<tr>
<td>name2</td>
<td>surn2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>count: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
</table>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Mysal
Bu ýerde bolsa thead ýokarda däl, tfoot
aşakda däl, şonda-da brauzer olary
öz ýerlerine ýerleşdirer:
<table>
<tfoot>
<tr>
<td>count: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>name1</td>
<td>surn1</td>
<td>200$</td>
</tr>
<tr>
<td>name2</td>
<td>surn2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Name</th>
<th>Surn</th>
<th>Salary</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
