リスト要素　dl

ここでは、リスト要素　dl に関する記事を紹介しています。

■リスト要素　dl
dl は Definition List（定義リスト）の略です。
<dl>～</dl> の間に、<dt>で定義する用語を、<dd>で用語の説明を行います
◎HTMLソース

<dl>
<dt>リスト要素　dl</dt>
<dd>dl は Definition List（定義リスト）の略</dd>
<dt>リスト要素　dt dd</dt>
<dd>dt；定義する用語を表示</dd>
<dd>dd；用語の説明を表示</dd>
</dl>

◎ブラウザ表示例

■固有属性 compact
compact 属性を指定すると、項目名が短い場合、説明が自動的に項目名と同じ行に表示されるようになります。

◎HTMLソース

<dl compact>
<dt>固有属性 compact</dt>
<dd>リストを極力コンパクトな形式で表示</dd>
<dt>dl</dt>
<dd>固有属性 compact を指定すると、このように表示されます</dd>
</dl>

■スタイルシートとの組み合わせ
項目名を目立たせたい場合は、スタイルシートを用いると便利です。
例えば、<head>～</head> の間に次のように指定することにより、項目名を太字で、前の行と指定したスペースを空けて表示することができます。

<style type="text/css">
<!--
DT { margin-top: 10px; font-weight: bold; }
-->
</style>

◎ブラウザ表示例

この記事へのコメント

ホームページ作成 HTML

ホームページ作成 HTML に関する情報をご紹介しています

2006/04/30(日) 05:13 | URL | HTML #ntCWGXuI[ 編集]

この記事のトラックバックURL

この記事へのトラックバック

◎無料ホームページ作成講座「文章の整形・修飾」目次■文章の整形・修飾（カテゴリー）　※「文章の整形・修飾」目次　※番号付リスト <ol> 　※番号無しリスト <ul>

2006/05/18(木) 22:11:31 | 無料ホームページ作成講座ブログ

■リスト要素　ol番号付リストは1から順番の番号付のリストが作られます。ol は Ordered List（順序のあるリスト）の略。番号付リストは、<OL>～</OL>で構成されます。リストアイテムのタグは<LI>を使

2006/06/19(月) 15:39:38 | 無料ホームページ作成講座ブログ

カテゴリー一覧

おすすめブログ関連本

ブログ内検索