HP上で番号付きリストを創る方法

ＨＰ上で箇条書きにする方法は以前紹介しましたＵＬ要素とＬＩ要素を使う方法は

本来箇条書き（番号無しリスト）を作成する場合に良く使いますが、

ＨＴＭＬにはもう一つ連番リスト（番号付きリスト）が用意されているんです

それはＯＬ要素とＬＩ要素を使う方法です



例えば・・・

• 数字の1・2・3の場合であれば
  • ＜OL＞＜LI＞ミカン＜LI＞リンゴ＜LI＞梨＜/OL＞と記述するだけで
    1. ミカン
    2. リンゴ
    3. 梨
    この様に番号付きリストが完成します。
  
  
  
• アルファベットのＡ・Ｂ・Ｃの場合であれば
  • ＜OL style="list-style-type:upper-alpha"＞＜LI＞ミカン＜LI＞リンゴ＜LI＞梨＜/OL＞と記述すれば
    1. ミカン
    2. リンゴ
    3. 梨
    とアルファベット順のリストが完成します

ただ、この番号順の表示は途中の番号からの表示も可能なのです

• OL要素の中にスタート位置を書き込みます
• 例えば、3番目から始めたい場合・・・＜OL start="3"＞＜LI＞＜/OL＞と記述すればよい訳です。
• 御覧のように↓↓↓↓成ります
  3. ミカン
  4. リンゴ
  5. 梨

今日の小技は如何でしたか？