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