2020年ウェブサイト作成講習会

リスト形式の表示

説明リスト

(B)準備作業と同様に新しいページ作成し「text」フォルダーに「list05.html」保存し下記を入力します。

HTML

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>説明リスト</title>
</head>
<body>
<h2>(6)説明リスト(dl要素とdt要素とdd要素)</h2>
<p>四字熟語の説明</p>
 <dl>
  <dt>喜怒哀楽</dt>
   <dd>喜び・怒り・悲しみ・楽しみなど人間が持つ様々な感情のこと</dd>
  <dt>一朝一夕</dt>
  <dt>一旦一夕</dt>
   <dd>非常に短い時間のたとえ</dd>
</dl>
</body>
</html>

結果