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