10.　リスト編

いわゆる「箇条書き」形式で表示させるためには、リストと呼ばれるタグを使用します。このリスト･タグには、さまざまな使い方があります。

10-1　単純なリスト

HTML文書

<UL> <LI>神戸 <LI>東京 <LI>大阪 </UL>

結果

WEB　ページ

神戸 東京 大阪

記述例2（指定:四角）

HTML文書

<UL TYPE="SQUARE"> <LI>神戸 <LI>東京 <LI>大阪 </UL>

結果

WEB　ページ

神戸 東京 大阪

記述例3（指定:中抜きマル）

HTML文書

<UL TYPE="CIRCLE"> <LI>神戸 <LI>東京 <LI>大阪 </UL>

結果

WEB　ページ

神戸 東京 大阪

10-2　番号付きリスト

HTML文書

<OL> <LI>神戸 <LI>東京 <LI>大阪 </OL>

結果

WEB　ページ

神戸 東京 大阪

記述例2（指定：A）

HTML文書

<OL TYPE="A"> <LI>神戸 <LI>東京 <LI>大阪 </OL>

結果

WEB　ページ

神戸 東京 大阪

記述例3（指定：a）

HTML文書

<OL TYPE="a"> <LI>神戸 <LI>東京 <LI>大阪 </OL>

結果

WEB　ページ

神戸 東京 大阪

記述例4（指定：I　　大文字のI）

HTML文書

<OL TYPE="I"> <LI>神戸 <LI>東京 <LI>大阪 </OL>

結果

WEB　ページ

神戸 東京 大阪

記述例5（指定：i　　小文字のi）

HTML文書

<OL TYPE="i"> <LI>神戸 <LI>東京 <LI>大阪 </OL>

結果

WEB　ページ

神戸 東京 大阪

10-3　リストのネスト

記述例

HTML文書

<UL> <LI>神戸 <OL> <LI>三宮 <LI>元町 <LI>湊川 </OL> <LI>東京 <OL> <LI>新宿 <LI>池袋 <LI>銀座 </OL> <LI>大阪 <OL> <LI>梅田 <LI>心斎橋 <LI>難波 </OL> </UL>

結果

WEB　ページ

神戸 三宮 元町 湊川 東京 新宿 池袋 銀座 大阪 梅田 心斎橋 難波

------------------「画像の表示編」へ...

------------------　目次へ戻る...