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:
