ana_sayfa / html5 / tablo-olusturma
</> HTML5 📊 Başlangıç ⏱ 15 dk 📋 1 Kod Örneği

Tablo Oluşturma

table, tr, th, td etiketleriyle veri tablosu oluşturma.

Tablolar veri göstermek için kullanılır. Sayfa düzeni için tablo kullanmak artık eski ve yanlış bir yöntemdir.

Tablo Etiketleri

  • table — Tabloyu başlatır
  • tr — Table Row (satır)
  • th — Table Header (başlık hücresi, kalın)
  • td — Table Data (veri hücresi)
HTML
<table border="1">
    <thead>
        <tr>
            <th>İsim</th>
            <th>Yaş</th>
            <th>Şehir</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Furkan</td>
            <td>25</td>
            <td>Ankara</td>
        </tr>
        <tr>
            <td>Ahmet</td>
            <td>30</td>
            <td>İstanbul</td>
        </tr>
    </tbody>
</table>
CANLI ÖNİZLEME
  • thead başlık grubunu, tbody veri grubunu belirtir. border="1" geçici kenarlık ekler — gerçek projede CSS ile yapılır.
← Önceki Ders
Listeler
Sonraki Ders →
Formlar