thead etiketi
thead etiketi, bir tablonun üst kısmını tanımlar.
Belirli bir gruba hemen CSS stilleri uygulanabilmesi için
satırları gruplamak üzere kullanılır. Bir tabloda
sadece bir tane thead etiketi bulunabilir.
thead etiketi genellikle, bir HTML tablosunun
üst kısmını, ana gövdesini ve alt kısmını tanımlamak
için tbody
ve tfoot
etiketleriyle birlikte kullanılır.
Örnek
thead etiketiyle gruplanmış satır grubuna,
color
özelliği ile kırmızı metin rengi ekleyelim:
<table>
<thead>
<tr>
<th>İsim</th>
<th>Soyisim</th>
<th>Maaş</th>
</tr>
</thead>
<tbody>
<tr>
<td>isim1</td>
<td>soyisim1</td>
<td>200$</td>
</tr>
<tr>
<td>isim2</td>
<td>soyisim2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>sayı: 2</td>
<td>-</td>
<td>toplam: 1200$</td>
</tr>
</tfoot>
</table>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Örnek
Burada thead üstte değil ve tfoot
altta değil, yine de tarayıcı onları doğru
yerlerine yerleştirecektir:
<table>
<tfoot>
<tr>
<td>sayı: 2</td>
<td>-</td>
<td>toplam: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>isim1</td>
<td>soyisim1</td>
<td>200$</td>
</tr>
<tr>
<td>isim2</td>
<td>soyisim2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>İsim</th>
<th>Soyisim</th>
<th>Maaş</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
