HTML <tfoot> Etiketi
HTML <tfoot> etiketi, HTML tablosunun alt bilgi içeriğini gruplandırır. Bu etiket <thead>(başlık) ve <tbody>(gövde) etiketleri ile birlikte kullanılır. HTML <tfoot> etiketi, <table> etiketi içerisinde yer alır.Bu etiket <tbody> ve <tr> etiketlerinden önce <caption>, <colgroup> ve <thead> etiketlerinden sonra gelir.
Söz dizimi:
<tfoot> <tr></tr> <tr></tr> lt;/tfoot>
Özellikleri:
Görüntüleme |
Etiketi Başlat/ Etiketi Bitir |
Kullanımı |
Yok |
Hem Başlangıç Hem Bitiş |
Tablo |
Örnek:
<!DOCTYPE html>
<html>
<head>
<title>HTML tfoot Etiketi</title>
<style>
table{
border-collapse: collapse;
}
thead,tfoot{
background-color:#ffffff;
}
tbody{
background-color:#97ffff;
}
</style>
</head>
<body>
<h1>HTML tfoot etiketi kullanımı</h1>
<table border="1" >
<thead>
<tr>
<th>Ders</th>
<th>Matematik</th>
<th>Türkçe</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Toplam</th>
<th>50</th>
<th>70</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Konu 1</td>
<td>25</td>
<td>10</td>
</tr>
<tr>
<td>Konu 2</td>
<td>5</td>
<td>15</td>
</tr>
<tr>
<td>Konu 3</td>
<td>20</td>
<td>45</td>
</tr>
</tbody>
</table>
</body>
</html>
Ekran Çıktısı:
HTML tfoot etiketi kullanımı
Ders |
Matematik |
Türkçe |
|---|---|---|
Toplam |
50 |
70 |
Konu 1 |
25 |
10 |
Konu 2 |
5 |
15 |
Konu 3 |
20 |
45 |
Özel Kullanımları:
Özellik |
Değer |
Açıklama |
align |
|
<tfoot> içerisindeki içeriği hizalar. |
char |
character |
<tfoot> içerisindeki içeriğin karakter hizalamasını belirler. |
charoff |
number |
|
valign |
|
<tfoot> içerisindeki içeriği dikey olarak hizalar.. |
Tarayıcı Desteği:
Kimler Neler Demiş?