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:

html<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>

cssthead {
  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:

html<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>

csstable, td, th {
  border: 1px solid black;
}

Результат:

Ayrıca bakınız