リストタグ


1. リストの種類
2. 記号リスト
3. 番号リスト
4. 定義リスト
5. ディレクトリリスト
6. メニュー
7. IEのみ

1. リストの種類

項目 タグ 説明
記号リスト <UL>～</UL> この中に <LI>～</LI> を記述する。
番号リスト <OL>～</OL> この中に <LI>～</LI> を記述する。
定義リスト <DL>～</DL> この中に <DT>～</DT>、<DD>～</DD> を記述する。
ディレクトリリスト <DIR>～</DIR> この中に <LI>～</LI> を記述する。あまり使われない。
メニュー <MENU>～</MENU> この中に <LI>～</LI> を記述する。あまり使われない。


2. 記号リスト

■ <UL>～</UL>
説明 ： 記号リストを表示する。
この中に項目として<LI>～</LI>を記述する。
※</LI>はなくてもよい。
種類 ： <UL type="disc"> ： 黒丸記号。（デフォルト）
<UL type="circle"> ： 白丸記号。
<UL type="square"> ： 四角記号。
表記例 ： <UL type="disc">
　<LI>項目１
　<LI>項目２
　<LI>項目３
</UL>
表示例 ：
  • 項目１
  • 項目２
  • 項目３
  • <UL type="circle">
  • <UL type="circle">
  • <UL type="circle">
  • <UL type="square">
  • <UL type="square">
  • <UL type="square">

■ <LI type="">
説明 ： それぞれの項目に記号タイプを指定する。
表記例 ： <UL>
　<LI type="disc">項目１
　<LI type="circle">項目２
　<LI type="square">項目３
</UL>
表示例 ：
  • 項目１
  • 項目２
  • 項目３

■ 多重リスト
説明 ： <UL><LI>を多重にすることで、多重のリストが可能。
type を指定しないと、黒丸→白丸→四角→四角→・・・・となる。
表記例 ： <UL>
　<LI>項目１
　　<UL>
　　　<LI>項目１－１
　　　　<UL>
　　　　　<LI>項目１－１－１
　　　　　　<UL>
　　　　　　　<LI>項目１－１－１－１
　　　　　　　<LI>項目１－１－１－２
　　　　　　</UL>
　　　　　<LI>項目１－１－２
　　　　</UL>
　　　<LI>項目１－２
　　</UL>
　<LI>項目２
　<LI>項目３
</UL>
表示例 ：
  • 項目１
    • 項目１－１
      • 項目１－１－１
        • 項目１－１－１－１
        • 項目１－１－１－２
      • 項目１－１－２
    • 項目１－２
  • 項目２
  • 項目３


3. 番号リスト

■ <OL>～</OL>
説明 ： 番号リストを表示する。
この中に項目として<LI>～</LI>を記述する。
※</LI>はなくてもよい。
種類 ： <OL type="1"> ： 数字タイプ。（デフォルト）
<OL type="a"> ： 小文字アルファベットタイプ。
<OL type="A"> ： 大文字アルファベットタイプ。
<OL type="i"> ： 小文字ローマ数字タイプ。
<OL type="I"> ： 大文字ローマ数字タイプ。
表記例 ： <OL type="1">
　<LI>項目１
　<LI>項目２
　<LI>項目３
</OL>
表示例 ：
  1. 項目１
  2. 項目２
  3. 項目３
  1. <OL type="a">
  2. <OL type="a">
  1. <OL type="A">
  2. <OL type="A">
  1. <OL type="i">
  2. <OL type="i">
  1. <OL type="I">
  2. <OL type="I">

■ <OL start="...">
説明 ： 開始番号を指定する。
表記例 ： <OL start="10">
　<LI>項目１
　<LI>項目２
　<LI>項目３
</OL>
表示例 ：
  1. 項目１
  2. 項目２
  3. 項目３

■ <LI type="">
説明 ： それぞれの項目に番号タイプを指定する。
表記例 ： <OL>
　<LI type="1">項目１
　<LI type="a">項目２
　<LI type="A">項目３
　<LI type="i">項目４
　<LI type="I">項目５
</OL>
表示例 ：
  • 項目１
  • 項目２
  • 項目３
  • 項目４
  • 項目５


4. 定義リスト

■ <DL>～</DL>
■ <DT>～</DT>
■ <DD>～</DD>
説明 ： 定義リストを表示する。
<DT>定義語</DT>。
<DD>定義の説明</DD>。
<DL>～</DL>の中に<DT>～</DT>、<DD>～</DD>を記述する。
表記例 ： <DL>
　<DT>HTML</DT>
　<DD>HyperText Markup Language の略。</DD>
　<DT>WWW</DT>
　<DD>World Wide Web の略。</DD>
</DL>
表示例 ：
HTML
HyperText Markup Language の略。
WWW
World Wide Web の略。


5. ディレクトリリスト

■ <DIR>～</DIR>
説明 ： ディレクトリリストを表示する。
この中に項目として<LI>～</LI>を記述する。
※</LI>はなくてもよい。
表記例 ： <DIR>
　<LI>ファイルＡ
　<LI>ファイルＢ
</DIR>
表示例 ：
  • ファイルＡ
  • ファイルＢ


    • 6. メニュー

    ■ <MENU>～</MENU>
    説明 ： メニューリストを表示する。
    この中に項目として<LI>～</LI>を記述する。
    ※</LI>はなくてもよい。
    表記例 ： <MENU>
    　<LI>メニューＡ
    　<LI>メニューＢ
    </MENU>
    表示例 ：
  • メニューＡ
  • メニューＢ


    • 7. IEのみ

    ■ <DL compact>
    説明 ： 項目名が短い場合、説明が自動的に項目名と同じ行に表示されるようになる。
    表記例 ： <DL compact>
    　<DT>L</DT>
    　<DD>Low</DD>
    　<DT>H</DT>
    　<DD>High</DD>
    </DL>
    表示例 ：
    L
    Low
    H
    High