2012年11月15日
番号付リストを作る
【ソース】
<ol><li>項目1</li><li>項目2</li><li>項目3</li>・・・</ol>
<ol type="番号の形式">〜</ol>
<li type="番号の形式">〜</li>
<ol start="開始番号">〜</ol>
<li value="開始番号">〜</li>
【説明】
olの範囲で番号付きリストを作成します。
リスト番号は、typeを指定することで番号形式を替えることができます。
また開始番号を指定することもできます。
[番号の形式]
1（算用数字） 1、2、3・・・
a（英小文字） a、b、c・・・
A（英大文字） A、B、C・・・
i（ローマ数字小文字） i、ii、iii・・・
I（ローマ数字大文字） I、II、III・・・
【サンプル】
▼以下のソースを表示します
<font size="2">
<ol>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ol>
---------------------------<br>
<ol>
<li><p>項目1</p></li>
<li><p>項目2</p></li>
<li><p>項目3</p></li>
</ol>
---------------------------<br>
<ol type="i">
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ol>
---------------------------<br>
<ol start="4">
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
<li value="1">項目3</li>
<li>項目3</li>
<li>項目3</li>
</ol>
</font>
[表示]
<ol><li>項目1</li><li>項目2</li><li>項目3</li>・・・</ol>
<ol type="番号の形式">〜</ol>
<li type="番号の形式">〜</li>
<ol start="開始番号">〜</ol>
<li value="開始番号">〜</li>
【説明】
olの範囲で番号付きリストを作成します。
リスト番号は、typeを指定することで番号形式を替えることができます。
また開始番号を指定することもできます。
[番号の形式]
1（算用数字） 1、2、3・・・
a（英小文字） a、b、c・・・
A（英大文字） A、B、C・・・
i（ローマ数字小文字） i、ii、iii・・・
I（ローマ数字大文字） I、II、III・・・
【サンプル】
▼以下のソースを表示します
<font size="2">
<ol>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ol>
---------------------------<br>
<ol>
<li><p>項目1</p></li>
<li><p>項目2</p></li>
<li><p>項目3</p></li>
</ol>
---------------------------<br>
<ol type="i">
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ol>
---------------------------<br>
<ol start="4">
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
<li value="1">項目3</li>
<li>項目3</li>
<li>項目3</li>
</ol>
</font>
[表示]
- 項目1
- 項目2
- 項目3
-
項目1
-
項目2
-
項目3
- 項目1
- 項目2
- 項目3
- 項目1
- 項目2
- 項目3
- 項目3
- 項目3
- 項目3
【ブログ・制作Tip！の最新記事】
この記事へのコメント