HTML <thead> Etiketi

HTML <thead> etiketi HTML tablosunda başlık içeriğini gruplamak için kullanılır. HTML <thead>(başlık) etiketi, <tfoot>(altbilgi) ve <tbody>(gövde) etiketleri ile birlikte kullanılır.

HTML <thead> etiketi <table> etiketinin içerisinde yer almalıdır. <caption> ve <colgroup> etiketlerinden sonra, <tbody>, <tfoot> ve <tr> etiketlerinden önce gelmelidir.

 

Söz dizimi:

<thead>  
<tr>  
</tr>  
lt;/thead>  

 

Özellikleri:

Görüntüleme
Etiketi Başlat/ Etiketi Bitir
Kullanımı
Çizgi
Hem Başlangıç Hem Bitiş
Tablo Başlığı

 

Örnek:

<!DOCTYPE html>  
<html>  
<head>  
    <title>HTML thead Etiketi</title>  
    <style>  
    table tableor{  
    border-collapse: collapse;  
    margin: 15px;}  
    thead{  
    background-color:#005cb9;}  
              tbody{  
             background-color: #d4caca;}  
              th,td{  
               padding: 10px;}  
      </style>  
</head>  
<body>  
  <h2>HTML thead Etiketi Örneği</h2>  
  <table border="1">  
  <caption>İl Plaka Kodları</caption>  
    <thead>  
             <tr>  
        <th>İl</th>  
        <th>Plaka Kodu</th>  
             </tr>  
    </thead>  
       <tbody>  
        <tr>  
             <td>Konya</td>  
             <td>42</td>  
          </tr>  
        <tr>   
            <td>İstanbul</td>  
              <td>34</td>  
          </tr>  
           <tr>  
               <td>İzmir</td>  
                <td>35</td>  
            </tr>  
             <tr>  
               <td>Ankara</td>  
               <td>06</td>  
             </tr>  
     </tbody>  
  </table>  
</body>  
</html>     

Ekran Çıktısı:

HTML thead Etiketi

HTML thead Etiketi Örneği

İl Plaka Kodları
İl
Plaka Kodu
Konya
42
İstanbul
34
İzmir
35
Ankara
06

 

Örnek:

Özellik
Değer
Açıklama
align
  • right
  • left
  • center
  • justify
  • char
<thead> içeriğini hizalar.
char
Character
<thead> içeriğini karaktere göre hizalar.
charoff
Number
Hizalanacak içeriğin karakter sayısını belirtir.
valign
  • top
  • middle
  • bottom
  • baseline
<thead> içeriğini dikey olarak hizalar.

 

Tarayıcı Desteği:

 



Kimler Neler Demiş?

avatar
  Subscribe  
Bildir