基本タグ（４）リスト

ここでは、リストに関するタグの説明をしていきます。
サンプルを付けておきますので、実際どうなるか試してみてください。

●リストを作りたい（１）
マーク付きのリストを表示するには、<UL><LI>～</UL>タグを使います。
リストのはじめと終わりに<UL>タグを置き、この中に、先頭に<LI>を付けたテキストを
並べていくと、上下にスペースが空き、項目ごとにマークがついて表示されます。
各項目は自動的に改行されるので、 タグを使う必要はありません。

（サンプル）

<HTML>

<HEAD>
<TITLE>リストを作りたい（１）</TITLE>
</HEAD>

<BODY>
ライオン王国には色々な身分があります。
例をあげてみましょう。

</BODY>

</HTML>

●リストを作りたい（２）
リスト表示で使われるマークの種類を変えてみましょう。
マークを変えるには、<UL><LI TYPE="★">～</UL>タグを使います。
<LI>タグのオプションとして、★の部分にdisk（黒丸）、circle（白丸）、square（黒四角）
を指定する事になります。

（サンプル）

<HTML>

<HEAD>
<TITLE>リストを作りたい（２）</TITLE>
</HEAD>

<BODY>
ライオン王国には色々な身分があります。
例をあげてみましょう。（マーク変わってますか？）

</BODY>

</HTML>

●リストを作りたい（３）
今度は番号順リストを作ってみましょう。
番号順リストにするには、<UL>タグで挟む代わりに、<OL>タグを使います。
このタグを使う事によって<LI>のところが番号になって表示されます。
これも、<UL>タグと同様に自動的に改行されるので、 タグは必要ありません。

（サンプル）

<HTML>

<HEAD>
<TITLE>リストを作りたい（３）</TITLE>
</HEAD>

<BODY>
ライオン王国には色々な身分があります。
例をあげてみましょう。（数字になってますか？）

</BODY>

</HTML>

●リストを作りたい（４）
<OL>タグの場合も<LI>タグのオプションを指定する事で、項目の先頭につく数値を
変えることが出来ます。
書式は、<UL>タグの時と同じく<OL><LI TYPE=★>～</OL>となります。
★の部分には、A（英大文字にする場合）、a（英小文字にする場合）、
I（大文字のローマ数字にする場合）、i（小文字のローマ数字にする場合）、
1（算用数字・標準にする場合）を指定します。
TYPE=1を指定すると、標準の数字になります。

（サンプル）

<HTML>

<HEAD>
<TITLE>リストを作りたい（４）</TITLE>
</HEAD>

<BODY>
ライオン王国には色々な身分があります。
例をあげてみましょう。（指定した数値になってますか？）

</BODY>

</HTML>

●言葉の定義リストを作りたい
定義型リストとは、言葉と言葉の定義を一組にして、リスト形式で
表示されるような場合に有効なタグで、<DL><DT>～<DD>～</DUL>と表記します。
<DT>には定義される言葉、<DD>にその言葉の意味を並べていきます。
改行は自動的に入るんで、 タグは必要ありません。

（サンプル）

<HTML>

<HEAD>
<TITLE>言葉の定義リストを作りたい</TITLE>
</HEAD>

<BODY>
ライオン王国には色々な身分があります。 
例をあげてみましょう。（戸籍について）

<DL>
<DT>身分
<DD>王国内における身分をあらわします。
<DT>役職
<DD>王国内における職業や任務をあらわします。
<DT>得意技
<DD>あなたの得意技です。オフ等で発揮してください。
<DT>生息地
<DD>あなたのお住まいをあらわします。
<DT>狩猟場
<DD>あなたの主な生活エリアです。
</DL>

こんな感じですか。 </BODY>

</HTML>

【ＨＯＭＥ】 / 【ＭＥＮＵ】 / 【ＮＥＸＴ】 / 【ＢＡＣＫ】