ホームページでよく見かけるのがこんなの（ＰＣ−Ｐａｒｋのトップページにも使っています。）
- 一つ目はこんな感じ
- 第二に、これなんかどう？
- 第３に、こんな話もあります。
- そして、こんな話。その４。
項目をリストアップしたような感じで記述します。
これのＨＴＭＬソースは、
|
<ul>
<li>一つ目はこんな感じ
<li>第二に、これなんかどう？
<li>第３に、こんな話もあります。
<li>そして、こんな話。その４。
</ul>
|
これはもちろん<body> </body>の中に書きます。
<ul> </ul>の中にリストアップする項目を入れます。
項目の先頭には<li>を書いておきます。
そうすると項目の先頭に
そして、この「リスト」には、いろいろなバリエーションがありますよ。
<ul type="circle">
<li>type="circle"と書くと丸いのが出ます。
<li>type="circle"と書くと丸いのが出ます。その２
</ul>
|
と書くとこんな感じです。
- type="circle"と書くと丸いのが出ます。
- type="circle"と書くと丸いのが出ます。その２
<ul type="square">
<li>type="square"と書くと四角いのが出ます。
<li>type="square"と書くと四角いのが出ます。その２。
</ul>
|
と書くとこんな感じです。
- type="square"と書くと四角いのが出ます。
- type="square"と書くと四角いのが出ます。その２。
そのほか、番号を自動的に入れてくれるものもあります。
- これは１番目
- これは２番目
- これは３番目
- これは４番目
- これは５番目
ＨＴＭＬソース
<ol>
<li>これは１番目
<li>これは２番目
<li>これは３番目
<li>これは４番目
<li>これは５番目
</ol>
|
このように表示させるには、<ul> </ul>の代わりに<ol> </ol>と書きます。
そして、同じように項目の先頭に<li>をつけておきます。
そうすると順番に番号がつきますよ。
そして、先頭の番号を指定することが出来ます。
<ol start="6">
<li>start="6"と書くと６番から始まります。
<li>と言うことはこれは７番。
<li>そしてこれは８番。
</ol>
|
こんな感じになります。
- start="6"と書くと６番から始まります。
- と言うことはこれは７番。
- そしてこれは８番。
ところで、この番号に使う数字の種類を変えることが出来ます。
<ol>
<li>これは普通の数字
<li>これは普通の数字の２
</ol>
<ol type="A">
<li>これはＡＢＣです。
<li>これはＡＢＣです２。
</ol>
<ol type="a">
<li>小文字のａｂｃ
<li>小文字のａｂｃの２
</ol>
<ol type="I">
<li>これはローマ数字と言うんだっけ？
<li>これはローマ数字と言うんだっけ？の２
</ol>
<ol type="i">
<li>これはローマ数字の小文字と言うんだっけ？
<li>これはローマ数字の小文字と言うんだっけ？の２
</ol>
|
こんな感じ！
- これは普通の数字
- これは普通の数字の２
- これはＡＢＣです。
- これはＡＢＣです２。
- 小文字のａｂｃ
- 小文字のａｂｃの２
- これはローマ数字と言うんだっけ？
- これはローマ数字と言うんだっけ？の２
- これはローマ数字の小文字と言うんだっけ？
- これはローマ数字の小文字と言うんだっけ？の２