HTML tfoot Etiketi

Kasım 11, 2015

<tfoot> Etiketi

Örnek

thead, tfoot ve tbody etiketleriyle bir tablo:

<table>
  <thead>
  <tr>
<th>Ay</th>
  <th>Harcamalar</th>
  </tr>
  </thead>
  <tfoot>
  <tr>
  <td>Toplam</td>
  <td>1210</td>
  </tr>
  </tfoot>
  <tbody>
  <tr>
  <td>Mart</td>
  <td>580 TL</td>
  </tr>
  <tr>
  <td>Nisan</td>
  <td>630 TL</td>
  </tr>
  </tbody>
</table>

KAYNAK KODLARI	SONUÇ EKRANI
<!DOCTYPE html> <html> <head> <style> thead {color:green;} tbody {color:blue;} tfoot {color:crimson;} table, th, td { border: 3px solid gray; } </style> </head> <body> <table> <thead> <tr> <th>Ay</th> <th>Harcamalar</th> </tr> </thead> <tfoot> <tr> <td>Toplam</td> <td>1210</td> </tr> </tfoot> <tbody> <tr> <td>Mart</td> <td>580 TL</td> </tr> <tr> <td>Nisan</td> <td>630 TL</td> </tr> </tbody> </table> <p><b>İpucu:</b> thead, tfoot ve tbody elementleri tablonun varsayılan yerleşimini etkilemez. Bu elementlere CSS ile stil atayabilirsiniz.</p> </body> </html>

<tfoot> Tanımı ve Kullanımı

<tfoot> etiketi bir HTML tablosunun altbilgi içeriğini gruplamak için kullanılır.

Gövde, üstbilgi ve altbilgi gibi her bir tablo bölümünü tanımlamak için <tfoot> elementi, <thead> ve <tbody> etiketleri birlikte kullanılır.

Tarayıcılar bu elementleri, sayfada tablo gövdesinin altbilgi ve üstbilgiden bağımsız olarak kaydırılabilmesini sağlamak için kullanırlar. Dahası bu elementler, bir çok sayfaya bağlı olan geniş bir tabloyu yazıcıdan çıkarmak istediğinizde, tablo üstbilgisinin ve altbilgisinin her sayfanın altına ve üstüne yazılmasını sağlarlar.

<tfoot> etiketi: <table> öğesinin bir çocuğu olarak, herhangi bir <caption>, <colgroup> ve <thead> etiketlerinden sonra, ve <tbody>, <tr> etiketlerinden önce kullanılmalıdır.

Tarayıcı Desteği

Element
<tfoot>	Var	Var	Var	Var	Var	Var

İpuçları ve Notlar

Not: <tfoot> elementi içerisinde en az bir veya daha fazla <tr> etiketi bulundurmalıdır.

İpucu: <thead>, <tbody> ve <tfoot> öğeleri tablonun varsayılan yerleşim ayarlarını etkilemez. Bu elementlere CSS ile stil atayabilirsiniz.

HTML 4.01 ile HTML5 arasındaki farklar

HTML 4.01 özelliklerinin hiçbiri HTML5'te desteklenmiyor

Özellikler

Özellik	Değer	Tanım
align	right left center justify char	HTML 5'te desteklenmiyor. <tfoot> elementinin içeriğini hizalar.
char	karakter	HTML 5'te desteklenmiyor. <tfoot> elementi içerisindeki içeriği bir karaktere hizalar.
charoff	sayı	HTML 5'te desteklenmiyor. Char özelliği ile belirlenen karakterle aynı yerden hizalanacak <tfoot> içeriğinin karakter sayısını belirler.
valign	top middle bottom baseline	HTML 5'te desteklenmiyor. <tfoot> element içeriğini dikey olarak hizalar.

Standart Özellikler

<tfoot> etiketi Standart Özellikleri desteklemektedir.

HTML Standart Özellikler'i inceleyebilirsiniz.

Olay Özellikleri

<tfoot> etiketi Olay Özelliklerini desteklemektedir.

HTML Olay Özellikleri'ni inceleyebilirsiniz.

Bu Blogda Ara

Html5 , CSS3 ve Javascript Dersleri

Uyurken Bile Para Kazanmak İster misin