改行なしの説明付きリストを挿入する

<dl compact><dt><dd>

説明付きリストを表示した場合、通常は改行とインデント(文字下げ)が行われますが、<dl>タグに「compact」という属性を追加すると、改行なしの説明付きリストを表示できます。

記述例

<dl compact>
<dt>DB</dt>
<dd>データベース</dd>
<dt>GUI</dt>
<dd>グラフィカルユーザーインターフェース</dd>
<dt>TB</dt>
<dd>トラックバック</dd>
</dl>


DB
データベース
GUI
グラフィカルユーザーインターフェース
TB
トラックバック
単語や説明文との間の余白やインデント(文字下げ)の調整はスタイルシートで行います。

関連情報

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

最新のHTML5を学ぶなら

参考情報

最新情報をチェックしよう!