Next page Previous page table of contents

Guide to HTML 3.2
 - Wilbur -

OL - Ordered List
*

番号付きリスト


タグ: <OL> </OL>
アトリビュート: TYPE=1/a/A/i/I, START=n, COMPACT
Children: Block-level
LI
Text-level
ナシ
Parents: Block-level
BODY, DIV, CENTER, BLOCKQUOTE, FORM, TH, TD, DD, LI
Text-level
ナシ


OLエレメントは番号付きリストに使われ、それぞれのリスト項目にLI エレメントが使われます。
OLエレメントもULエレメントと同じように、LIエレメント以外のエレメントやテキストを記述するのは避けて下さい

番号は通常、アラビア数字で表示されますが、TYPEアトリビュートを使うことでローマ数字やアルファベットで表示することも可能です。


OLエレメントに何もアトリビュートを入れなければディフォルトのアラビア数字が1から順に表示されます。

Example:
<OL>
   <LI>Manhattan
   <LI>Bronx
   <LI>Brooklyn
   <LI>Queens
   <LI>Staten Island
</OL>
  1. Manhattan
  2. Bronx
  3. Brooklyn
  4. Queens
  5. Staten Island

左がタグの付け方、
右がブラウザー表示です。



リストを作るにはリスト・タグ(OL)とリスト項目タグ(OLの場合はLI)の2種類が使われます。リスト・タグにはリスト項目タグだけを書き入れ、その他のエレメントやテキストを書き込むのは避けて下さい。
OLエレメントにはLIエレメントしかネスト出来ませんが、LIエレメントにはテキスト・レベル・エレメントとブロック・レベル・エレメントをネストすることが出来ます。(HxエレメントとADDRESSエレメントは除きます。)


リストをネストする

OLエレメントにはLIエレメントの他には何も入れることが出来ませんが、LIエレメントは他のリストをネストすることも出来ます。
LIエレメントの詳しい説明も読んで下さい。)

OLエレメントをネストする。


<OL>
   <LI>Manhattan
      <OL>
        <LI>Uptown
        <LI>Midtown
        <LI>Downtown
      </OL>
   <LI>Brooklyn
   <LI>Queens
   <LI>>Staten Island
</OL>
  1. Manhattan
    1. Uptown
    2. Midtown
    3. Downtown
  2. Bronx
  3. Brooklyn
  4. Queens
  5. Staten Island

左がタグの付け方、
右がブラウザー表示です。


ULエレメントをネストする。


<OL>
   <LI>Manhattan
      <UL>
        <LI>Uptown
        <LI>Midtown
        <LI>Downtown
      </UL>
   <LI>Brooklyn
   <LI>Queens
   <LI>Staten Island
</OL>
  1. Manhattan
    • Uptown
    • Midtown
    • Downtown
  2. Bronx
  3. Brooklyn
  4. Queens
  5. Staten Island

左がタグの付け方、
右がブラウザー表示です。





Attributes

オープン・タグ<OL>には次の三種類のアトリビュートを入れることが出来ます。


START attribute
OL START=n
"n"には数字が入り、スタート番号を指定できます。

Example:
<OL START=3>
   <LI>Manhattan
   <LI>Bronx
   <LI>Brooklyn
   <LI>Queens
   <LI>Staten Island
</OL>
  1. Manhattan
  2. Bronx
  3. Brooklyn
  4. Queens
  5. Staten Island

左がタグの付け方、
右がブラウザー表示です。



TYPE attribute

TYPEアトリビュートには、"1/a/A/i/I" の5種類の番号タイプがあります。1はディフォルトのアラビア数字です。

TYPE=a
小文字アルファベット

Example:
<OL TYPE=a>
   <LI>Manhattan
   <LI>Bronx
   <LI>Brooklyn
   <LI>Queens
   <LI>Staten Island
</OL>
  1. Manhattan
  2. Bronx
  3. Brooklyn
  4. Queens
  5. Staten Island

左がタグの付け方、
右がブラウザー表示です。



TYPE=A
大文字アルファベット

Example:
<OL TYPE=A>
   <LI>Manhattan
   <LI>Bronx
   <LI>Brooklyn
   <LI>Queens
   <LI>Staten Island
</OL>
  1. Manhattan
  2. Bronx
  3. Brooklyn
  4. Queens
  5. Staten Island

左がタグの付け方、
右がブラウザー表示です。



TYPE=i
小ローマ数字

Example:
<OL TYPE=i>
   <LI>Manhattan
   <LI>Bronx
   <LI>Brooklyn
   <LI>Queens
   <LI>Staten Island
</OL>
  1. Manhattan
  2. Bronx
  3. Brooklyn
  4. Queens
  5. Staten Island

左がタグの付け方、
右がブラウザー表示です。



TYPE=I
大ローマ数字

Example:
<OL TYPE=I>
   <LI>Manhattan
   <LI>Bronx
   <LI>Brooklyn
   <LI>Queens
   <LI>Staten Island
</OL>
  1. Manhattan
  2. Bronx
  3. Brooklyn
  4. Queens
  5. Staten Island

左がタグの付け方、
右がブラウザー表示です。



COMPACT attribute
リストが短いリスト項目で構成される際に、コンパクトに(例えば一行に全てのリスト項目を並べる。)まとめてレンダリングをするように指示するアトリビュートですが、あまりサポートされていないようです。

LIエレメントにもアトリビュートがあり、これと合わせることでもう少し複雑なリストを作ることも出来ます。


Next page Previous page table of contents


[HTML help] [Basics] [HTML 3.2] [Beginner's] [How]

Copyright (C) 1997 Abacuss iconABACUSS LTD.
www.abacuss.com