［
2006/05/04(木) ］
■リスト要素 dl
項目名を目立たせたい場合は、スタイルシートを用いると便利です。
例えば、<head>〜</head> の間に次のように指定することにより、項目名を太字で、前の行と 指定したスペースを空けて表示することができます。
dl は Definition List（定義リスト）の略です。
<dl>〜</dl> の間に、<dt>で定義する用語を、<dd>で用語の説明を行います
<dl>
<dt>リスト要素 dl</dt>
<dd>dl は Definition List（定義リスト）の略</dd>
<dt>リスト要素 dt dd</dt>
<dd>dt；定義する用語を表示</dd>
<dd>dd；用語の説明を表示</dd>
</dl>
- リスト要素 dl
- dl は Definition List（定義リスト）の略
- リスト要素 dt dd
- dt；定義する用語を表示
- dd；用語の説明を表示
■固有属性 compact
compact 属性を指定すると、項目名が短い場合、説明が自動的に項目名と同じ行に表示されるようになります。
- 固有属性 compact
- リストを極力コンパクトな形式で表示
- dl
- 固有属性 compact を指定すると、このように表示されます
<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>
◎ブラウザ表示例
- font-weight: bold;
- 項目名を太字で表示
- margin-top: 10px;
- 前の行と 指定したスペースを空けて表示
■文章の整形・修飾（カテゴリー）
※「文章の整形・修飾」目次
※番号付リスト <ol>
※番号無しリスト <ul>
※定義リスト要素 <dl>
※リストの入れ子
※文字のスタイル
※フォントサイズ
※カラーフォント
※<BIG>, <SMALL> タグ
※罫線 <HR> と 改行 <BR>
関連タグ ： 文字の整形・装飾
この記事のトラックバックURL
この記事へのトラックバック
■リスト要素 dldl は Definition List（定義リスト）の略です。<dl>〜</dl> の間に、<dt>で定義する用語を、<dd>で用語の説明を行います◎HTMLソース<dl><dt>リス
2006/05/18(木) | 無料ブログ テンプレート カスタマイズ
■リスト要素 ulul は Unordered List（順序の無いリスト）の略。リストの各項目は li で記述します※属性 type；項目番号のタイプを指定 disc：黒丸 circle：白丸 square：
2006/05/18(木) | 無料ブログ テンプレート カスタマイズ
■リスト要素 olol は Ordered List（順序のあるリスト）の略。リストの各項目は li で記述します※属性 start；項目番号の開始番号を指定 type；項目番号のタイプを指定
2006/05/18(木) | 無料ブログ テンプレート カスタマイズ
