Tarif başlığı ve özet
Başlık, kısa açıklama ve servings bilgisini eklersin.
h1 ve p ile tarif girişi
Tarif sayfasının en üstünde tarif adını <h1> etiketiyle yazarsın. <h1> en büyük başlık seviyesidir; sayfada bir kez kullanılır.
Tarifin kısa özetini <p> etiketiyle yazarsın: kaç dilim, kaç dakika, hangi lezzette. Önemli kelimeleri <strong> ile önemli, özel kelimeleri <em> ile vurgu yapabilirsin.
strong ve em ile vurgu
<strong> ve <em> iki vurgu etiketidir, ama anlamları farklıdır:
- strong: önemli içeriği belirtir; tarayıcıda önemli görünür.
- em: vurgulu içeriği belirtir; tarayıcıda vurgu görünür.
Tarif özetinde miktar ve lezzet gibi önemli bilgileri vurgulamak için bunları kullanırsın. İç içe de kullanabilirsin: <strong><em>çok önemli</em></strong>.
Uygulama h1 ve özet paragrafını ekle
Önceki dersin boş iskeletini al. <body>'ye h1 (içeriği Çikolatalı Kek) ve bir p ekle. Paragrafın içinde bir kelimeyi strong ile, başka bir kelimeyi em ile vurgula.
Örnek çözümü göster
Body içine h1 ve p ekle. p'nin içine strong ve em yerleştir.
Örnek çözüm:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Çikolatalı Kek</title>
</head>
<body>
<h1>Çikolatalı Kek</h1>
<p>Yoğun ve <strong>kakaolu</strong> bir kek tarifi. Yaklaşık <em>8 dilim</em> için 50 dakika.</p>
<!-- malzeme listesi ekle -->
</body>
</html>Kendini test et
-
Tarif adının sayfada büyük başlık olarak görünmesi için hangi etiket kullanılır?
- <title>
- <h1>
- <p>
- <head>
Cevabı göster
<h1> — Doğru. <h1> body içinde görünür en büyük başlıktır. <title> ise sekme başlığıdır, sayfada görünmez.
-
Özet paragrafında vurguyu tamamla
<p>Bu ____ bir kek tarifidir.</p>Cevabı göster
<p>Bu <strong>kakaolu</strong> bir kek tarifidir.</p> -
Satır içi etiketi anlamıyla eşleştir
- <strong>
- Önemli, kalın metin
- <em>
- Vurgulu, italik metin
- <mark>
- İşaretli metin
- <small>
- Küçük yazı