CodeBlanks Logo Icon CodeBlanks

Özet - Teknik doküman

HTML kursu · Orta seviye · Ders 6/67

Tüm metin etiketlerini kullanarak teknik bir referans sayfası yazarsın.

Bu grupta öğrendiklerimiz

Bu grupta metne ince anlam katan etiketleri gördün:

  • <abbr>, <cite>, <time>: kısaltma, yapıt adı, tarih
  • <code>, <kbd>, <samp>, <var>: kod, tuş, çıktı, değişken
  • <sub>, <sup>: alt ve üst simge
  • <pre> + <code>: kod bloğu
  • <wbr>, <bdi>, <bdo>: kırılım fırsatı, yön izolasyonu, yön zorlama

Şimdi tümünü birleştirip teknik bir referans sayfası yazacağız.

Uygulama Teknik referans sayfası yaz

Body içine dört şey ekle:

  • Bir <p> içinde bir <abbr> etiketi (title özniteliğinde HyperText Markup Language, içinde HTML) ve bir <cite> etiketi (içinde HTML El Kitabı).
  • Bir <p> içinde bir <time> etiketi (datetime özniteliğinde 2026-03-15, içinde 15 Mart 2026).
  • Bir <p> içinde su formülü: H harfi, bir <sub> içinde 2, O harfi.
  • Bir <pre> içinde bir <code>; içine function kaydet() { return 1; } yaz.
Örnek çözümü göster
<body>
  <p><abbr title="HyperText Markup Language">HTML</abbr> standartları <cite>HTML El Kitabı</cite> kitabında.</p>
  <p>Yayın tarihi: <time datetime="2026-03-15">15 Mart 2026</time>.</p>
  <p>Su: H<sub>2</sub>O</p>
  <pre><code>function kaydet() { return 1; }</code></pre>
</body>

Kendini test et

  1. Etiketi rolüyle eşleştir

    <abbr>
    Kısaltma
    <cite>
    Yapıt adı
    <time>
    Tarih
    <sub>
    Alt simge
    <sup>
    Üst simge
  2. Bir programlama değişkenini işaretlemek için hangi etiket kullanılır?

    • <code>
    • <samp>
    • <kbd>
    • <var>
    Cevabı göster

    <var> — Doğru. var matematik ya da programlama değişkenini işaretler.

  3. Kod bloğu tamamla

    <pre><____>kaydet()</code></pre>
    Cevabı göster
    <pre><code>kaydet()</code></pre>

Orta seviye bölümündeki tüm dersler