HTML tablo etiketleri, verileri satır ve sütunlar halinde düzenli bir şekilde göstermek için kullanılır. Özellikle karşılaştırma tabloları, fiyat listeleri ve veri sunumlarında <table> yapısı tercih edilir.
Tablo etiketleri; verileri iki boyutlu bir yapı içinde sunmayı sağlayan HTML elemanlarıdır. <table> tablonun tamamını, satır ve hücre etiketleri ise tablonun iç yapısını oluşturur.
Ne İşe Yarar?
- Verileri düzenli ve okunabilir şekilde sunar
- Satır ve sütun bazlı karşılaştırma yapmayı kolaylaştırır
- Fiyat, özellik ve istatistik tabloları oluşturur
- Karmaşık bilgileri sade hale getirir
En Basit Kullanımı
<table>
<tr>
<td>Ad</td>
<td>Yaş</td>
</tr>
<tr>
<td>Ahmet</td>
<td>30</td>
</tr>
</table>
Örnek Çıktı:
| Ad | Yaş |
| Ahmet | 30 |
Örnek Kullanımlar
Başlıklı Tablo Oluşturma
<table>
<tr>
<th>Ürün</th>
<th>Fiyat</th>
</tr>
<tr>
<td>Klavye</td>
<td>500 TL</td>
</tr>
</table>
thead, tbody Kullanımı
<table>
<thead>
<tr>
<th>Ad</th>
<th>Puan</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ali</td>
<td>90</td>
</tr>
</tbody>
</table>
Satır ve Sütun Birleştirme
<table>
<tr>
<th colspan="2">Bilgiler</th>
</tr>
<tr>
<td>Şehir</td>
<td>İstanbul</td>
</tr>
</table>
Ne Zaman Kullanılır?
- Sayısal veya karşılaştırmalı veri gösterimlerinde
- Fiyat, özellik veya liste tablolarında
- Rapor ve istatistik sunumlarında
- Düzenli veri yapısı gerektiğinde
Küçük İpuçları
- Tablo düzeni için CSS kullanmak önerilir
- Sadece düzen amaçlı tablo kullanımı önerilmez
<th>etiketleri başlık hücreleri için tercih edilmelidir- Büyük tablolar için
<thead>ve<tbody>kullanımı faydalıdır