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

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
  • right
  • left
  • center
  • justify
  • char
<tfoot> içerisindeki içeriği hizalar.
char
character
<tfoot> içerisindeki içeriğin karakter hizalamasını belirler.
charoff
number
 
valign
  • top
  • middle
  • bottom
  • baseline
<tfoot> içerisindeki içeriği dikey olarak hizalar..

 

Tarayıcı Desteği:



Kimler Neler Demiş?

avatar
  Subscribe  
Bildir