Header ve footer
<header> ve <footer> etiketlerinin kullanımını öğrenirsin.
Header etiketi
<header> etiketi bir bölümün üst kısmını işaretler. Sayfanın en üstünde ya da bir <article>'ın başında yer alır. İçine genellikle başlık, logo ya da tanıtıcı menü konur.
Örnek: <header><h1>Günlüğüm</h1><p>Bir yazılımcının notları</p></header>. Burada <header>, sayfanın tanıtıcı üst kısmını sarar. Bir sayfada birden çok <header> olabilir; her bölümün kendine ait bir üst kısmı olabilir.
Footer etiketi
<footer> etiketi bir bölümün alt kısmını işaretler. Sayfanın en altında ya da bir <article>'ın sonunda yer alır. İçine genellikle telif yazısı, iletişim bağlantıları ya da ilgili bağlantılar konur.
Örnek: <footer><p>© 2024 Dernek Sayfam</p></footer>. Telif hakkı ya da yazar bilgisi gibi alt kısmı tamamlayan içerikler burada toplanır. Bir sayfada birden çok <footer> de olabilir.
Uygulama Sayfanın üst ve alt kısmını yaz
Body içine bir <header> ve bir <footer> ekle. Header içine bir <h1> yaz ve metni Köşe Yazıları olsun. Footer içine bir <p> yaz ve metni © 2024 Gazete olsun.
Örnek çözümü göster
<body>
<header>
<h1>Köşe Yazıları</h1>
</header>
<footer>
<p>© 2024 Gazete</p>
</footer>
</body>Kendini test et
-
<header> etiketi en sık ne için kullanılır?
- Sayfanın alt kısmı için
- Bir bölümün üst kısmı için
- Yan menü için
- Form alanı için
Cevabı göster
Bir bölümün üst kısmı için — Doğru. header bir bölümün üst kısmını işaretler.
-
Footer'ı tamamla
<____> <p>© 2024 Dernek Sayfam</p> </footer>Cevabı göster
<footer> <p>© 2024 Dernek Sayfam</p> </footer> -
Etiketi rolüyle eşleştir
- <header>
- Üst kısım
- <footer>
- Alt kısım
- <h1>
- Başlık
- <p>
- Paragraf