HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ

トップページ > 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

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

<OL>タグではtype属性により、算用数字(1,2,3,...)、アルファベット小文字(a,b,c,...)、 アルファベット大文字(A,B,C,...)、ローマ数字小文字(@,A,B,...)、 ローマ数字大文字(T,U,V,...)を指定することができます。 また、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> …… 順序のあるリストを表示する

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

HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ
HTMLクイックリファレンスについて
このウェブサイトが本になりました
©2012 HTMQ