トップページ > HTMLタグリファレンス > <OL>

★HTMLタグリファレンス

<OL> …… 順序のあるリストを表示する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Netscape4Netscape6Netscape7Netscape8 Opera6Opera7Opera8Opera9Opera10 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6
広告

このページでは、HTML4のol要素を解説しています。
ol要素の最新情報は、以下を参照してください。

HTML Living Standardリファレンス

<OL>タグはOrdered Listの略で、順序のあるリストを表示する際に使用します。 リストの各項目は<LI>タグを用いて記述します。 また、順序のないリスト表示には<UL>タグを使用します。

<OL>タグではtype属性により、算用数字(1,2,3,...)、アルファベット小文字(a,b,c,...)、 アルファベット大文字(A,B,C,...)、ローマ数字小文字(ⅰ,ⅱ,ⅲ,...)、 ローマ数字大文字(Ⅰ,Ⅱ,Ⅲ,...)を指定することができます。 また、start属性により開始番号を指定できます。

■使用例

HTMLソース

<h3>カレーの作り方</h3>
<ol type="1">
<li>肉と野菜を炒める</li>
<li>水を入れて中火で煮込む</li>
<li>時々アクを取る</li>
<li>カレールーを入れる</li>
<li>とろみがつくまで弱火で煮込む</li>
</ol>

<ol type="a">
<li>肉と野菜を炒める</li>
<li>水を入れて中火で煮込む</li>
<li>時々アクを取る</li>
<li>カレールーを入れる</li>
<li>とろみがつくまで弱火で煮込む</li>
</ol>

<ol type="A">
<li>肉と野菜を炒める</li>
<li>水を入れて中火で煮込む</li>
<li>時々アクを取る</li>
<li>カレールーを入れる</li>
<li>とろみがつくまで弱火で煮込む</li>
</ol>

<ol type="i">
<li>肉と野菜を炒める</li>
<li>水を入れて中火で煮込む</li>
<li>時々アクを取る</li>
<li>カレールーを入れる</li>
<li>とろみがつくまで弱火で煮込む</li>
</ol>

<ol type="I">
<li>肉と野菜を炒める</li>
<li>水を入れて中火で煮込む</li>
<li>時々アクを取る</li>
<li>カレールーを入れる</li>
<li>とろみがつくまで弱火で煮込む</li>
</ol>
↓↓↓

ブラウザ上の表示

カレーの作り方

  1. 肉と野菜を炒める
  2. 水を入れて中火で煮込む
  3. 時々アクを取る
  4. カレールーを入れる
  5. とろみがつくまで弱火で煮込む
  1. 肉と野菜を炒める
  2. 水を入れて中火で煮込む
  3. 時々アクを取る
  4. カレールーを入れる
  5. とろみがつくまで弱火で煮込む
  1. 肉と野菜を炒める
  2. 水を入れて中火で煮込む
  3. 時々アクを取る
  4. カレールーを入れる
  5. とろみがつくまで弱火で煮込む
  1. 肉と野菜を炒める
  2. 水を入れて中火で煮込む
  3. 時々アクを取る
  4. カレールーを入れる
  5. とろみがつくまで弱火で煮込む
  1. 肉と野菜を炒める
  2. 水を入れて中火で煮込む
  3. 時々アクを取る
  4. カレールーを入れる
  5. とろみがつくまで弱火で煮込む

■HTML5情報

<ol> …… 順序のあるリストを表示する
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ