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