ホームページ作成・基礎講座・HTML・CSS・javascript・SEO対策

超初心者でも簡単にできるホームページ作成HTML基礎講座 EasyStudyHTML TOP

ホームページ作成 HTML基礎講座 olタグ

ホームページ作成・HTML基礎・スタイルシート(CSS)・javascript・SEO対策



olタグ:箇条書き(通し番号あり)リスト項目 clear.gif
【解説】
箇条書き(通し番号あり)リスト項目
<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>
pcリストマークサンプル表示

ページトップへ
TOP | 利用規約(免責) | お問合せ

Agora