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 Örneği
İl |
Plaka Kodu |
---|---|
Konya |
42 |
İstanbul |
34 |
İzmir |
35 |
Ankara |
06 |
Örnek:
Özellik |
Değer |
Açıklama |
---|---|---|
align |
|
<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 |
|
<thead> içeriğini dikey olarak hizalar. |
Tarayıcı Desteği: