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ı

Sıradaki ders: Malzeme listesi

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler