Meydan okuma - Erişilebilir tablo

Colgroup, scope ve headers içeren bir finans tablosu yazarsın.

Erişilebilir tablo yapısı

Erişilebilir bir tablo, başlıkları hücrelerle ilişkilendirir. <caption> tablonun başlığını, <colgroup><col> sütun biçimlendirmesini taşır. <thead>, <tbody> ve <tfoot> satırları mantıksal bölgelere ayırır.

Başlık hücreleri scope="col" veya scope="row" ile yön bildirir. Karmaşık tablolarda headers özniteliği bir hücreyi ilgili başlık kimliklerine bağlar. colspan ve rowspan hücreleri birleştirir.

Uygulama Finans tablosu yaz

Bir hisse fiyat tablosu yaz. <caption> başlığı, <colgroup> içinde en az iki <col>, <thead>/<tbody>/<tfoot> bölümleri olsun. Başlık hücrelerinde scope, en az bir hücrede colspan veya rowspan kullan.

Örnek çözümü göster

<table>
  <caption>Aralık 2026 hisse fiyatları</caption>
  <colgroup><col><col><col></colgroup>
  <thead>
    <tr><th scope="col">Hisse</th><th scope="col">Fiyat</th><th scope="col">Değişim</th></tr>
  </thead>
  <tbody>
    <tr><th scope="row">ASYS</th><td>142,50</td><td>+%1,2</td></tr>
    <tr><th scope="row">BIM</th><td>512,00</td><td>+%0,8</td></tr>
  </tbody>
  <tfoot>
    <tr><td colspan="3">Ortalama değişim: +%1,0</td></tr>
  </tfoot>
</table>

Kendini test et

Hangi öznitelik veri hücresini başlık kimliğine bağlar?
- headers
- scope
- colspan
- rowspan
Cevabı göster

headers — Doğru. headers, hücreyi ilgili th kimliklerine bağlar.

Sütun grubu

<table>
  ____
  <tr><th>Hisse</th><th>Fiyat</th></tr>
</table>

Cevabı göster

<table>
  <colgroup><col><col></colgroup>
  <tr><th>Hisse</th><th>Fiyat</th></tr>
</table>

scope değerleri

col

sütun başlığı
row

satır başlığı
colgroup

sütun grubu
rowgroup

satır grubu

Sıradaki ders: Meydan okuma - Doğrulamalı form

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler