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ı

Sıradaki ders: Meydan okuma - Listeler ve tablolar

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler