 |
ホームページ作成 HTML基礎講座 olタグ
ホームページ作成・HTML基礎・スタイルシート（CSS)・javascript・SEO対策
|
|
| ■olタグ：箇条書き（通し番号あり）リスト項目 |
 |
|
【解説】
箇条書き（通し番号あり）リスト項目 |
<ol>
<li>（1）
</ol>
（1）箇条書きにしたい文章
頭の表示形式変更
<ol type="（1）">・・・</ol>
（1）キーワード形式指定
| キーワード |
頭に付加される番号 |
| 1 |
算用数字（1,2,3・・・）デフォルト |
| a |
英小文字（a,b,c・・・） |
| A |
英大文字（a,b,c・・・） |
| i |
ローマ数字（小文字：i,ii,iii・・・） |
| I |
ローマ数字（大文字：I,II,III・・・） |
開始番号の指定
<ol start="（1）">・・・</ol>
<li value="（1）">・・・・・
（1）開始番号（数値） |
サンプルソ−ス
<ol>
<li>りんご
<li>ばなな
</ol>
サンプルソース（頭の表示形式変更）
<ol type="1">
<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>
サンプルソース（開始番号の指定）
<ol start="3">
<li>開始番号の指定です。
<li value="8">番号飛びます。
<li>連番です。
<li>連番です。
<li>連番です。
<li>連番です。
<li value="15">番号飛びます。
<li>連番です。
</ol> |
 サンプル表示 |
|
|
|
ページトップへ |
|