Meydan okuma - Metin ve bağlantılar
Başlık, paragraf, vurgu ve bağlantıları birleştiren bir sayfa yazarsın.
Metin ve bağlantıları hatırla
HTML'de metin, anlamlı etiketlerle yapılır. <h1> ana başlığı, <p> paragrafı, <strong> önemli vurguyu, <em> ise vurgu vurguyu taşır. Bu ayrım tarayıcıya, ekran okuyucuya ve arama motorlarına içeriğin anlamını iletir.
Bağlantılar <a href="..."> ile yapılır. mutlak URL tam adres verir (https://kitaplik.com); göreli URL aynı site içinde yol gösterir (/reviews/5). Bazen #about gibi bir çapa ile aynı sayfada inilir.
Uygulama Başlık, paragraf ve bağlantıyı birleştir
Body içine bir <h1> başlık, bir <p> paragraf ekle. Paragrafın içinde bir <strong>, bir <em> ve https://kitaplik.com adresine giden bir <a> bağlantısı olsun.
Örnek çözümü göster
<body>
<h1>Kitap İncelemeleri</h1>
<p>Bu hafta <strong>en çok</strong> sevdiğim kitabı <em>uzun uzun</em> anlattım.</p>
<p>Daha fazlası için <a href="https://kitaplik.com">bloguma</a> bakabilirsin.</p>
</body>Kendini test et
-
Hangisi mutlak (absolute) bir URL'dir?
- https://kitaplik.com/post/5
- /posts/5
- #about
- mailto:info@kitaplik.com
Cevabı göster
https://kitaplik.com/post/5 — Doğru. https ile başlayan adres tam bir yol verir; bu yüzden mutlak URL'dir.
-
Bağlantı etiketinin özniteliğini yaz
<h1>Kitap İncelemeleri</h1> <p>Sayfamda <strong>en sevdiğim</strong> kitapları paylaşıyorum. Daha fazlası için <a ____="https://kitaplik.com">bloguma</a> bakabilirsin.</p>Cevabı göster
<h1>Kitap İncelemeleri</h1> <p>Sayfamda <strong>en sevdiğim</strong> kitapları paylaşıyorum. Daha fazlası için <a href="https://kitaplik.com">bloguma</a> bakabilirsin.</p> -
Etiketi rolüyle eşleştir
- <h1>
- Ana başlık
- <p>
- Paragraf
- <strong>
- Önemli vurgu
- <em>
- İtalik vurgu
- <a>
- Bağlantı