HTML List

リスト（箇条書き）

　リストには次のものがあります。

先頭に番号を付けたもの（番号つきリスト）
先頭に・や＊などの記号を付けたもの（番号なしリスト）
先頭にキーワード、続いてその説明という形式にしたもの
（キーワードつきリスト）

番号つきリスト（Ordered List）

　次の番号つきリスト

番号つきリスト
番号なしリスト
キーワードつきリスト

のHTMLソースコードは次のように記述します。

   <OL>
     <LI>番号つきリスト
     <LI>番号なしリスト
     <LI>キーワードつきリスト
   </OL>

　タグは <OL> と </OL> です。箇条書きの項目には先頭に <LI> をつけます（LI は List Item）。<LI> には終了タグはありません。

番号なしリスト（Unordered List）

　次の番号なしリスト

10月、11月のスケジュール

10月
- 第１週　ホームページの検索
- 第２週　レポート提出
- 第３週　PowerPointレポート提出
- 第４週　ホームページの作成
11月
- 第１週　ホームページの作成
- 第２週　ホームページの作成
- 第３週　ホームページの作成
- 第４週　FORTRAN

のHTMLソースコードは次のように記述します。

  <H3 ALIGN=CENTER>10月、11月のスケジュール</H3>
  <UL>
    <LI>10月
    <UL>
            <LI>第１週　ホームページの検索
            <LI>第２週　レポート提出
            <LI>第３週　PowerPointレポート提出
            <LI>第４週　ホームページの作成
    </UL>
    <LI>11月
    <UL>    
            <LI>第１週　ホームページの作成
            <LI>第２週　ホームページの作成
            <LI>第３週　ホームページの作成
            <LI>第４週　FORTRAN
    </UL>
  </UL>

　<UL> と </UL> で囲みます。リスト項目の先頭には番号つきリストと同様に <LI> をつけます。この例ではリストの「10月」と「11月」の中にもう１つの番号なしリストがあります。<UL> と </UL> に囲まれて「10月」と「11月」のスケジュールが第１週から第４週まで並んでいます。このようにリスト構造を入れ子にできます。

キーワードつきリスト（Definition List）

　次のキーワードつきリスト

10月、11月のスケジュール

10月

第１週
ホームページの検索
第２週
レポート提出
第３週
PowerPointレポート提出
第４週
ホームページの作成
11月

第１週
ホームページの作成
第２週
ホームページの作成
第３週
ホームページの作成
第４週
FORTRAN

のHTMLソースコードは次のように記述します。

  <H3 ALIGN=CENTER>10月、11月のスケジュール</H3>
  <UL>
    <LI>10月
    <DL>
            <DT>第１週<DD>ホームページの検索
            <DT>第２週<DD>レポート提出
            <DT>第３週<DD>PowerPointレポート提出
            <DT>第４週<DD>ホームページの作成
    </DL>
    <LI>11月
    <DL>    
            <DT>第１週<DD>ホームページの作成
            <DT>第２週<DD>ホームページの作成
            <DT>第３週<DD>ホームページの作成
            <DT>第４週<DD>FORTRAN
    </DL>
  </UL>

　キーワードつきリストのタグは <DL> と </DL> です。キーワードの前に <DT> 、続けてタグ <DD> 、次にその説明を書きます。DT は Definition Term、DD は Definition Definition。<DT> と <DD> には終了タグはありません。キーワードの部分が強調されて表示されます。

ホームに戻る