Tabloda Başlık Bölümleri Oluşturma
Tablodaki satırlarımızı <tr> etiketiyle oluşturduktan sonra satırlarımızı <td> etiketiyle bölümlere ayırıyoruz. Başlık niteliğinde olan bölümleri ayırmak için <th> etiketini kullanırız. <th> etiketi <td> etiketi gibi satırı bölümlendirmek için kullanılır. Aralarındaki fark <th> etiketiyle bölümlendirilen kısımdaki yazılar kalın bir şekilde gösterilir.
Bir önceki dersimizde aşağıdaki örneği yapmıştık.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Namaz Vakitleri</title>
</head>
<body>
<table border="1">
<tr>
<td>İmsak</td>
<td>Güneş</td>
<td>Öğle</td>
<td>İkindi</td>
<td>Akşam</td>
<td>Yatsı</td>
</tr>
<tr>
<td>03:52</td>
<td>05:39</td>
<td>13:05</td>
<td>17:01</td>
<td>20:22</td>
<td>22:01</td>
</tr>
</table>
</body>
</html>
Fark ettiyseniz tüm yazılar aynı kalınlıkta gözüküyor. Şimdi aşağıdaki örneğimizde <th> etiketini kullanarak üstteki örneği güncelleyelim.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Namaz Vakitleri</title>
</head>
<body>
<table border="1">
<tr>
<th>İmsak</th>
<th>Güneş</th>
<th>Öğle</th>
<th>İkindi</th>
<th>Akşam</th>
<th>Yatsı</th>
</tr>
<tr>
<td>03:52</td>
<td>05:39</td>
<td>13:05</td>
<td>17:01</td>
<td>20:22</td>
<td>22:01</td>
</tr>
</table>
</body>
</html>
Gördüğünüz gibi <th> etiketleri arasına aldığımız bölüm kalın bir şekilde gösterilmiş oldu. <th> etiketine ne gerek var onun yerine <b> veya <strong> etiketiyle de aynı işi yapabilirim diye düşünebilirsiniz. Doğrudur, yine aynı şekilde metni kalın gösterir. Fakat <th> etiketini kullandığımız zaman arama motorları tablomuzdaki başlık bölümlerini anlayabilir ve bizi arama motorunda daha üst sıralarda gösterir.