dl dt dd 説明リスト コピペで使えるHTML+CSS

スポンサーリンク
スポンサーリンク

dl,dt,dd要素の概要

説明リストHTML
<dl><dt>~</dt><dd>~</dd>…</dl>
目的 特定の語句に対応する説明文など
関連 <ul> <li> <ol> <li>
HTML
ハイパーテキストを記述するためのマークアップ言語です
CSS
HTMLなどを装飾するための仕様です
<dl>
    <dt>HTML</dt>
    <dd>ハイパーテキストを記述するためのマークアップ言語です</dd>
    <dt>CSS</dt>
    <dd>HTMLなどを装飾するための仕様です</dd>
</dl>

属性

グローバル属性のみ

CSSデザイン

dtとddの間で改行しない

dtとddの間で改行しない コピペで使えるHTML+CSS
用語の説明などで用いられる<dt>はブロックレベル要素ですから、原則として横並びにはできない。ここでは改行をせず、きれいに横並び、かつ、縦方向にも揃えて表示する方法について解説します。