MENU
  1. ホーム
  2. HTML
  3. 説明リスト

説明リスト

HTML
2023.10.17

説明リストは、dl要素・dt要素・dd要素で構成される説明を表す要素になります。

dl要素の説明図
dl要素・dt要素・dd要素
記法

<dl>
　<dd>語句</dd>
　<dt>説明文</dt>
</dl>

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>説明リストのタグ</title>
  </head>

  <body>
    <dl>
      <dt>HTML</dt>
      <dd>
        HyperText Markup
        Languageの略で、ウェブページを作成するためのマークアップ言語です。
      </dd>
      <dt>CSS</dt>
      <dd>
        Cascading Style
        Sheetsの略で、ウェブページのスタイルとデザインを定義するためのスタイルシート言語です。
      </dd>
    </dl>
  </body>
</html>
出力結果
HTML
ウェブページを作成するためのマークアップ言語です。
CSS
ウェブページのスタイルとデザインを定義するためのスタイルシート言語です。
HTML