サイトマップ   お問い合わせ   このサイトについて   ホーム   
WEB制作支援
 HTMLリファレンス
 スタイルシート
 JavaScript
 PHP/データベース
WEBデザイン
 デザインテクニック
 素材集/テンプレート
 ウェブ配色の見本
 ユーザビリティ
WEB運営
 ウェブの開設と運営法
 アクセスアップの技
 アフィリエイト (WEB広告)
 ドメインとサーバー
特集・トピックス
 Web広告で収入を得る
 独自ドメインの利点
 使えるWeb作成ソフト
 Webデザイナーになるには
 SEOでアクセスアップ
 光ファイバーの導入
リンク集
 ウェブ作成リンク
 無料リンク
 オンラインソフトリンク
 ユーザーリンク
 ウェブコラム
 参考文献一覧
 サイトマップ
 このサイトについて
 お問い合わせ
 eWebホーム


Home >> HTMLタグリファレンス/Tips >> 番号付きリスト <OL> <LI>

番号付きリスト <OL> <LI>



<OL>タグについて

番号付きリストを作成します。<OL>タグでリスト本体を定義し、<LI>タグでリストの項目を定義します。リストマークは、数字やアルファベットなど複数から選択できます

属性 機能 記述例
type 1
a
A
i
I
数字で表示(初期値)
小文字アルファベットで表示
大文字アルファベットで表示
小文字ローマ数字で表示
大文字ローマ数字で表示
<OL type="1">
<OL type="a">
<OL type="A">
<OL type="i">
<OL type="I">
start 番号 開始番号を指定する(初期値は1) <OL start="5">


<LI>タグについて

リストの項目を定義します。項目ごとにリストマークを変更することもできます。
終了タグは省略することもできますが、表示がおかしくなるブラウザもあります。

属性 機能 記述例
type 1
a
A
i
I
数字で表示(初期値)
小文字アルファベットで表示
大文字アルファベットで表示
小文字ローマ数字で表示
大文字ローマ数字で表示
<LI type="1">
<LI type="a">
<LI type="A">
<LI type="i">
<LI type="I">
value 番号 リストの番号を指定する <LI value="10">


サンプル

リスト

  1. 項目1
  2. 項目2
  3. 項目3
  1. 3から開始します
  2. 項目2
  3. ここから10から開始します
  4. 項目3
  1. 大文字アルファベット順にしています
  2. 項目2
  3. 項目3
  1. 数字
  2. 小文字アルファベット
  3. 大文字アルファベット
  4. 小文字ローマ数字
  5. 大文字ローマ数字


サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するタグ・属性です。

<H2>リスト</H2>
<OL>
<LI>
項目1</LI>
<LI>項目2</LI>
<LI>項目3</LI>
</OL>
<OL start="
3">
<LI>3から開始します</LI>
<LI value="10">ここから10から開始します</LI>
<LI>項目3</LI>
</OL>
<OL type="
A">
<LI>
大文字アルファベット順にしています</LI>
<LI>項目2</LI>
<LI>項目3</LI>
</OL>
<OL>
<LI type="
1">数字</LI>
<LI type="a">小文字アルファベット</LI>
<LI type="A">大文字アルファベット</LI>
<LI type="i">小文字ローマ数字</LI>
<LI type="I">大文字ローマ数字</LI>
</OL>


解説・注意点など

<OL>〜</OL>には<LI>タグ以外書くことはできません。


 
 

HTMLタグリファレンス/Tipsに戻る




 eWeb/ HTML/ スタイルシート/ Javaスクリプト/ PHP/ 素材集/ テクニック/ 配色/ ユーザビリティ/ 開設と運営/ アクセスアップ/ アフィリエイト/ ドメイン
Copyright(C) 2004. Aeu, Gundam, eWeb, HTML Tag Reference Samples Tips. All rights reserved. - Home