HTML <thead> Tag

Örnek

<style>
thead {color:red;}
tbody {color:black;}
tfoot {color:pink;}

table, th, td {
    border: 1px solid black;
}
</style>
<table>
  <thead>
    <tr>
      <th>Ay</th>
      <th>Gider</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Ocak</td>
      <td>100 TL</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>Şubat</td>
      <td>50 TL</td>
    </tr>
    <tr>
      <td>Mart</td>
      <td>70TL</td>
    </tr>
  </tbody>
</table>

Bu etiket  HTML tablosunun başlık etiketini gruplandırmakta kullanılmaktadır.

Codepen Ön izleme

<style>
thead {color:red;}
tbody {color:black;}
tfoot {color:pink;}

table, th, td {
    border: 1px solid black;
}
</style>
<table>
  <thead>
    <tr>
      <th>Ay</th>
      <th>Gider</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Ocak</td>
      <td>100 TL</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>Şubat</td>
      <td>50 TL</td>
    </tr>
    <tr>
      <td>Mart</td>
      <td>70TL</td>
    </tr>
  </tbody>
</table>

See the Pen HTML thead tag by W3TR (@w3tr) on CodePen.

Nitelikler

Nitelik Değer Açıklama
align right
left
center
justify
char		 HTML5 tarafından desteklenmiyor.Çevresindeki elementlere göre konumlandırmak için kullanılır.
char character HTML5 tarafından desteklenmiyor.Bir karakter için hücre içeriğini hizalamakta kullanılır.
charoff number HTML5 tarafından desteklenmiyor.Tbody içerisindeki içerik belirtilen karakter karakter sayısıyla aynı hizada olacağını belirtmek için kullanılır.
valign top
middle
bottom
baseline		 HTML5 tarafından desteklenmiyor.Tbody içerisindeki elemanların dikey olarak hizalanacağını belirtmek için kullanılır.