HTML, web sayfalarının içeriğini yapılandırmak ve düzenlemek için çeşitli etiketler sunar. Bu etiketlerden biri de tablo etiketidir (<table>). HTML tablo etiketi, sayfada verileri düzenlemek, sıralamak ve hücreleri oluşturmak için kullanılır. Bu yazıda, HTML tablo etiketini anlatacağız ve basit bir örnek üzerinden nasıl kullanılacağını göstereceğiz.
HTML Tablo Etiketi (<table>):
HTML tablo etiketi, genellikle bir başlık (<caption>) ve tablo satırları (<tr>) içerir. Her satır da bir veya daha fazla hücre (<td>) içerir. Tablonun başlık kısmında genellikle başlık veya açıklamalar yer alır.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Tablo Etiketi</title>
</head>
<body>
<table>
<caption>Ülke Nüfus Bilgileri</caption>
<tr>
<th>Ülke</th>
<th>Nüfus (milyon)</th>
<th>Yüzölçümü (km²)</th>
</tr>
<tr>
<td>Türkiye</td>
<td>83</td>
<td>783,356</td>
</tr>
<tr>
<td>Amerika Birleşik Devletleri</td>
<td>331</td>
<td>9,631,418</td>
</tr>
<tr>
<td>Çin</td>
<td>1441</td>
<td>9,596,960</td>
</tr>
</table>
</body>
</html>
Yukarıdaki örnek, üç sütuna ve dört satıra sahip bir basit bir tabloyu temsil eder. <caption> etiketi tablonun başlığını belirtir, <tr> etiketleri tablo satırlarını temsil eder ve <th> etiketleri başlık hücrelerini (kalın ve ortalanmış) gösterirken, <td> etiketleri veri hücrelerini temsil eder.
HTML Tablo Etiketi Kullanımı:
<table>: Tabloyu başlatan etiket.<caption>: Tablonun başlığını belirten etiket (isteğe bağlı).<tr>: Her bir tablo satırını temsil eden etiket.<th>: Başlık hücrelerini temsil eden etiket (isteğe bağlı, kullanılmadığı durumlarda tarayıcılar genellikle kalın ve ortalanmış metin olarak gösterir).<td>: Veri hücrelerini temsil eden etiket.
HTML tablo etiketi, sayfanızda düzenli ve yapılandırılmış bilgiler sunmanın etkili bir yolunu sağlar.