Yükleniyor...

HTML Tablo Başlıkları

Boyutlardan sonra bu ders etiket anlamını işler: th, scope, caption. Görünüm CSS’te kalır.

Başlık hücresi neden sadece kalın `td` değildir

Yardımcı teknolojiler gerçek th ister. Kalın td benzer görünebilir ama anlam taşımaz.

Doğrudan yanıt

Etiketleri th ile koyun. Gerekirse scope ve <caption> kullanın. Değerler td’de kalsın.

Sütun başlıkları ve caption

Üst satır th scope="col" artı caption.

Column headers and caption

html

HTML Code

<table>
<caption>Weekly inventory</caption>
<tr>
<th scope="col">Item</th>
<th scope="col">Qty</th>
<th scope="col">Aisle</th>
</tr>
<tr>
<td>Notebook</td>
<td>12</td>
<td>B2</td>
</tr>
<tr>
<td>USB cable</td>
<td>7</td>
<td>A1</td>
</tr>
</table>

Sütun örneğini okuma

caption table içinde
üst th scope=col
miktarlar td’de

Adlı kayıtlar için satır başlıkları

Satır adı th scope="row" olur; sütun başlıklarıyla birleşebilir.

Row headers with a header row

html

HTML Code

<table>
<caption>Team scores</caption>
<tr>
<th scope="col">Name</th>
<th scope="col">Points</th>
<th scope="col">Level</th>
</tr>
<tr>
<th scope="row">Ada</th>
<td>98</td>
<td>A</td>
</tr>
<tr>
<th scope="row">Lin</th>
<td>91</td>
<td>B</td>
</tr>
</table>

Satır örneğini okuma

üstte scope=col
Ada/Lin scope=row
puanlar td’de

Scope haritası

Değerler için hızlı başvuru.

📊 scope attribute values

Value	Typical use	Example cell
col	Header labels a column	Top “Qty” label
row	Header labels a row	Side “Ada” name
colgroup	Header for a group of columns	Advanced multi-header grids
rowgroup	Header for a group of rows	Advanced sectioned tables

Bu kursta önce col ve row’u öğrenin.

Alıştırma

3 sütunlu kulüp tablosu
caption
üstte th scope=col
adlarda th scope=row
geçici td yapıp farkı görün

Kolay hatalar

th’siz kalın td
caption table dışında
karışık ızgarada scope unutmak
her hücreyi th yapmak

Özet

th gerçek başlıktır
scope sütun/satır bağlar
caption tabloyu başlıklar
veri td’de

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓

Sorular

🎯

70%

Geçmek İçin

♾️

∞

Süre

🔄

∞

Deneme

📝 Talimatlar

Her soruyu dikkatle okuyun
Her soru için en iyi cevabı seçin
Quiz'i istediğiniz kadar tekrar alabilirsiniz
İlerlemeniz üstte gösterilecek

Dil