番号付きリスト

ここでは番号付きリストの記述方法を説明します。


ＨＴＭＬ文を記述する方法

　　ソースファイルを開きます。

　　ｏｌ、ｌｉタグを記述します。

　　　　<ol>　〜　</ol>　…　〜の部分は、リスト表示される。

　　　　<li>　　　　　　　　　　…　項目の先で数字１．２．３．〜　が表示される。

ブラウザでの表示 ソースファイル
番号付きリストの例です
  1. これが項目１です
  2. これが項目２です
  3. これが項目３です
番号付きリストの例です
<ol>
<li>これが項目１です
<li>これが項目２です
<li>これが項目３です
</ol>


　　　　<ol type=a>　〜　</ol>　…　項目の先でａ．ｂ．ｃ．〜　が表示される。
　　　　<ol type=A>　〜　</ol>　…　項目の先でＡ．Ｂ．Ｃ．〜　が表示される。
　　　　<ol type=I>　〜　</ol>　　…　項目の先で@．A．B．〜　が表示される。
　　　　<ol type=I>　〜　</ol>　　…　項目の先でT．U．V．〜　が表示される。

　　　　<li type=a>　…　項目の先でａ．ｂ．ｃ．〜　が表示される。
　　　　<li type=A>　…　項目の先でＡ．Ｂ．Ｃ．〜　が表示される。
　　　　<li type=i>　　…　項目の先で@．A．B．〜　が表示される。
　　　　<li type=I>　　…　項目の先でT．U．V．〜　が表示される。

ブラウザでの表示 ソースファイル
番号付きリストの例です
  1. これが項目１です
  2. これが項目２です
  3. これが項目３です
  4. これが項目４です
番号付きリストの例です
<ol type=a>
<li>これが項目１です
<li>これが項目２です
<li>これが項目３です
<li>これが項目４です
</ol>
番号付きリストの例です
  1. これが項目１です
  2. これが項目２です
  3. これが項目３です
  4. これが項目４です
番号付きリストの例です
<ol>
<li type=a>これが項目１です
<li type=A>これが項目２です
<li type=i>これが項目３です
<li type=I>これが項目４です
</ol>


　　　　<ol start=4>　〜　</ol>　　　　　　…　項目の先の数字が４．５．６．〜　が表示される。
　　　　<ol type=a start=4>　〜　</ol>　…　項目の先でＤ．Ｅ．Ｆ．〜　が表示される。

ブラウザでの表示 ソースファイル
番号付きリストの例です
  1. これが項目１です
  2. これが項目２です
  3. これが項目３です
番号付きリストの例です
<ol start=4>
<li>これが項目１です
<li>これが項目２です
<li>これが項目３です
</ol>
番号付きリストの例です
  1. これが項目１です
  2. これが項目２です
  3. これが項目３です
番号付きリストの例です
<ol type=a start=4>
<li>これが項目１です
<li>これが項目２です
<li>これが項目３です
</ol>



　　ソースファイルを上書き保存します。

　　ブラウザで更新し、確認する。