</> 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.