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: