CodeBlanks Logo Icon CodeBlanks

Açıklama listeleri

HTML kursu · Başlangıç · Ders 26/68

<dl>, <dt> ve <dd> etiketleriyle terim–açıklama listeleri oluşturursun.

Açıklama listesi nedir?

Bir açıklama listesi, bir terim ile onun açıklamasını yan yana getiren listedir. Sözlük maddeleri, soru–cevap çiftleri ya da ayar seçenekleri buna örnektir. Yapı şöyledir: <dl> kabın içinde her terim için <dt>, her açıklama için <dd> bulunur.

Örnek: <dl><dt>Kahve</dt><dd>Sıcak bir içecek</dd></dl>. Tarayıcı açıklamayı terimden biraz içeriden gösterir; bu görünümün sebebı budur.

Sözlük maddesi örneği

Bir <dl> içinde birden çok terim–açıklama çifti olabilir. Örneğin bir spor salonu çizelgesi:

<dl>
  <dt>Pazartesi</dt>
  <dd>Göğüs ve triseps</dd>
  <dt>Çarşamba</dt>
  <dd>Sırt ve biseps</dd>
</dl>

Bir terimin birden çok açıklaması olabilir; ya da bir açıklama birden çok terime bağlanabilir. Tarayıcı yine de düzgün gösterir.

Uygulama Sözlük maddesi yaz

Body içine bir <dl> açıklama listesi ekle. En az bir terim (<dt>) ve açıklaması (<dd>) olsun; örneğin Kahve / Sıcak bir içecek.

Örnek çözümü göster
<body>
  <dl>
    <dt>Kahve</dt>
    <dd>Sıcak bir içecek</dd>
  </dl>
</body>

Kendini test et

  1. Açıklama listesinde terim hangi etiketle yazılır?

    • <dd>
    • <dt>
    • <dl>
    • <li>
    Cevabı göster

    <dt> — Doğru. Terim <dt> (description term) içine yazılır.

  2. Etiketi rolüyle eşleştir

    <dl>
    Açıklama listesi kabı
    <dt>
    Terim
    <dd>
    Açıklama
    <ul>
    Sırasız liste kabı
  3. Açıklamayı kapat

    <dl>
      <dt>Kahve</dt>
      <dd>Sıcak bir içecek____
    </dl>
    Cevabı göster
    <dl>
      <dt>Kahve</dt>
      <dd>Sıcak bir içecek</dd>
    </dl>

Başlangıç bölümündeki tüm dersler