Gövde verisi

Veri satırlarını tbody içine mantıksal sırayla eklersin.

Gövde verisi: tbody, tr, td

Tablonun asıl verisi tbody içinde yaşar. Her satır bir tr, her veri hücresi bir td'dir. Sütun sayısı kadar hücre olmalı; aksi halde tablo düzensiz görünür. İlk hücre bir satır başlığıysa th scope="row" kullanılır; değilse td yeterlidir. Bu derste dört aylık satış verisini tbody'ye ekleyeceğiz.

Veri sırası ve satır başlığı

Veriyi mantıklı bir sırayla koy: zamana göre (eskiden yeniye) ya da büyüklüğe göre. Bu örnekte aylar Ocak'tan Nisan'a kronolojik gider. İlk sütun satırı tanımladığı için th scope="row" kullanmak doğal bir seçimdir; ekran okuyucu "Ocak, 320 adet, ₺32.000" gibi bir bağlam kurabilir. Veri hücrelerinde içerik kısa ve net olmalı.

Uygulama tbody ve dört satır ekle

Önceki dersin tablosunu al. </thead>'den sonra bir <tbody> aç. İçine dört <tr> ekle; her satırın ilk hücresi th scope="row" (Ocak, Şubat, Mart, Nisan), ardından üç td (ürün, adet, ciro) gelsin. Veriler: Ocak/Kulaklık/320/₺32.000, Şubat/Kale/280/₺28.000, Mart/Klavye/410/₺41.000, Nisan/Fare/440/₺44.000.

Örnek çözümü göster

<!DOCTYPE html>
<html lang="tr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Aylık Satış Raporu</title>
  </head>
  <body>
    <table>
      <caption>Aylık Satış Raporu — 2026</caption>
      <thead>
        <tr>
          <th scope="col">Ay</th>
          <th scope="col">Ürün</th>
          <th scope="col">Adet</th>
          <th scope="col">Ciro</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th scope="row">Ocak</th>
          <td>Kulaklık</td>
          <td>320</td>
          <td>₺32,000</td>
        </tr>
        <tr>
          <th scope="row">Şubat</th>
          <td>Kale</td>
          <td>280</td>
          <td>₺28,000</td>
        </tr>
        <tr>
          <th scope="row">Mart</th>
          <td>Klavye</td>
          <td>410</td>
          <td>₺41,000</td>
        </tr>
        <tr>
          <th scope="row">Nisan</th>
          <td>Fare</td>
          <td>440</td>
          <td>₺44,000</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

Kendini test et

Dört sütun başlığı olan bir tabloda her gövde satırında kaç hücre olmalı?
- 3
- 5
- 8
- 4
Cevabı göster

4 — Doğru. Gövde satırındaki hücre sayısı sütun sayısına eşit olmalı.
Veri hücresinin içeriğini tamamla
```
<td>____</td>
```
Cevabı göster
```
<td>Kulaklık</td>
```
Tablo elemanını içerik türüyle eşleştir

tbody

Veri satırları
tr

Tablo satırı
td

Veri hücresi
th

Başlık hücresi

Sıradaki ders: Toplam satırı

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler