番号付きリスト
| タグ: |
<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> |
|
左がタグの付け方、
右がブラウザー表示です。
リストを作るにはリスト・タグ(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>
|
|
左がタグの付け方、
右がブラウザー表示です。
ULエレメントをネストする。
<OL>
<LI>Manhattan
<UL>
<LI>Uptown
<LI>Midtown
<LI>Downtown
</UL>
<LI>Brooklyn
<LI>Queens
<LI>Staten Island
</OL>
|
|
左がタグの付け方、
右がブラウザー表示です。
オープン・タグ<OL>には次の三種類のアトリビュートを入れることが出来ます。
START attribute
n
Example:
<OL START=3> <LI>Manhattan <LI>Bronx <LI>Brooklyn <LI>Queens <LI>Staten Island </OL> |
|
左がタグの付け方、
右がブラウザー表示です。
TYPE attribute
TYPEアトリビュートには、"1/a/A/i/I" の5種類の番号タイプがあります。1はディフォルトのアラビア数字です。
Example:
<OL TYPE=a> <LI>Manhattan <LI>Bronx <LI>Brooklyn <LI>Queens <LI>Staten Island </OL> |
|
左がタグの付け方、
右がブラウザー表示です。
Example:
<OL TYPE=A> <LI>Manhattan <LI>Bronx <LI>Brooklyn <LI>Queens <LI>Staten Island </OL> |
|
左がタグの付け方、
右がブラウザー表示です。
Example:
<OL TYPE=i> <LI>Manhattan <LI>Bronx <LI>Brooklyn <LI>Queens <LI>Staten Island </OL> |
|
左がタグの付け方、
右がブラウザー表示です。
Example:
<OL TYPE=I> <LI>Manhattan <LI>Bronx <LI>Brooklyn <LI>Queens <LI>Staten Island </OL> |
|
左がタグの付け方、
右がブラウザー表示です。
COMPACT attribute
LIエレメントにもアトリビュートがあり、これと合わせることでもう少し複雑なリストを作ることも出来ます。
ABACUSS LTD.