HTML Kodları Dijital Dünyaya Açılan Kapı

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