Başlık hücreleri

th için özel stiller öğrenirsin.

th ve td farkı

th etiketi başlık hücresi (header cell) için kullanılır; td ise normal veri hücresidir. Tarayıcılar th'yi varsayılan olarak kalın ve ortalanmış gösterir.

Bu varsayılanlar güzel bir başlangıçtır; ama profesyonel tablolarda th için ayrı stiller yazılır: arka plan rengi, metin rengi ve hizalama. Böylece başlık satırı göze çarpar.

th için klasik stiller

Bir th seçicisinde sıkça üç bildirim bulunur: background ile arka plan rengi, color ile metin rengi, text-align ile hizalama. Örnek: th { background: #1e3a8a; color: #fff; text-align: left; }.

Başlık satırını öne çıkarmak için koyu arka plan + açık metin klasik bir seçimdir. Tüm sütun başlıkları aynı stile sahip olunca tablo derli toplu görünür.

Uygulama Ders programı için başlık stilleri yaz

Bir .program sınıflı tablo için .program th seçicisine üç bildirim ekle: background: #1e3a8a;, color: #ffffff;, text-align: left;.

Örnek çözümü göster

.program th seçicisi aç, içine üç bildirimi alt alta yaz.
Örnek çözüm:
.program th {
  background: #1e3a8a;
  color: #ffffff;
  text-align: left;
}

Kendini test et

Hangi etiket başlık hücresi içindir?
```
<table>
  <tr>
    < ?>Ürün</?>
    <td>Kalem</td>
  </tr>
</table>
```
- td
- tr
- th
- caption
Cevabı göster

th — Doğru! th başlık hücresi içindir.

Başlık hücresi için arka plan

th {
  background: ____;
  color: #ffffff;
}

Cevabı göster

th {
  background: #1e3a8a;
  color: #ffffff;
}

th özelliklerini eşleştir

background

arka plan rengi
color

metin rengi
text-align

hizalama
padding

iç boşluk

Sıradaki ders: Zebra çizgiler

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler