ホームページ作成

ホームページ作成講座(10)～リスト[1]～

ホームページ作成講座10回目です。
今回はリストについてご紹介。
リストタグには大きく分けて、
マーク付き、番号付き、定義型の3つがあります。
まずはマーク付きリストについて。
デフォルトでは黒丸で表示されます。
具体的には、

<ul>
<li>インターネットとは？
<li>ホームページとは？
<li>タグとは？
</ul>

このように記述しブラウザ上では、

• インターネットとは？
• ホームページとは？
• タグとは？

このように表示されます。
※リストタグについては終了タグの</li>を省略できます。
また、リストタグは属性を追加することで、
マークの形を変えることができます。

<ul>
<li type="disc">インターネットとは？
<li type="circle">ホームページとは？
<li type="square">タグとは？
</ul>

このように　type=""を追加します。
ブラウザ上では

• インターネットとは？
• ホームページとは？
• タグとは？

このように表示されます。
全体のマークを変えたい場合はulの方に type =""を追加します。

続いて番号付きリスト。
番号付きリストも使い方としては、マーク付きリストと同様です。
番号付きリストを使う場合はulの変わりにolを使用します。
デフォルトではアラビア数字で表示され、
こちらもtype =""の追加で変えることができます。

<ol>
<li type="1">アラビア数字
<li type="A">大文字アルファベット
<li type="a">小文字アルファベット
<li type="I">大文字ローマ数字
<li type="i">小文字ローマ数字
</ol>

このようにtype=""を追加すると、

1. アラビア数字
2. 大文字アルファベット
3. 小文字アルファベット
4. 大文字ローマ数字
5. 小文字ローマ数字

ブラウザ上ではこのように表示されます。