HTML <tfoot> 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 altbilgi içeriğini 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 tfoot 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.