Ö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. |