初級　第３話 『リストのタグ　その２』の巻


リストのタグ　その２


第２話に似てるよね		 今回も、リストのタグの勉強です。第２話で勉強した内容とほとんど変わらないので簡単です。 テキストの頭にマークを付けるのではなくて、数字を付けるというものです。

リストのタグ　その２
― 数字の番号を付ける ―
<ol><li>〜</ol>


【 解説 】
このタグ利用すると黒丸マークの変わりに数字を付けることが出来ます。<li>の位置に 上から順に1.　2.と付いていきます。
最初の項目の数字を1からではなく特定の数字から スタートしたい場合は下記のタグを使用します。<liの後に半角のスペースをあけ、 start=を入力し、始めたい数字を入力すると、その数字から番号をとっていきます。
リストのタグ
― 最初の項目の数字を変える ―
<ol start=数字><li>〜</ol>


＝＝＝例　ノーマルタイプ＝＝＝
Ａ子の行ってみたいところリスト
城崎温泉、仙台、北海道
庶民的？


上記の文章を<ol><ki>〜</ol>のタグを使って構成してみると 下記のようになり、見栄えも変わってきます。文字の多いホームページなどはこのタグを 使って編集すると良いかもしれません。

＝＝＝例　タグを利用した場合＝＝＝
HTMLの記述 HTMLの記述　4からスタートした場合
Ａ子の行ってみたいところリスト
<ol>
<li>城崎温泉
<li>仙台
<li>北海道
</ol>
庶民的？		 Ａ子の行ってみたいところリスト
<ol start=4>
<li>城崎温泉
<li>仙台
<li>北海道
</ol>
庶民的？
ホームページの表示例 ホームページの表示例
Ａ子の行ってみたいところリスト
  1. 城崎温泉
  2. 仙台
  3. 北海道
庶民的？		 Ａ子の行ってみたいところリスト
  1. 城崎温泉
  2. 仙台
  3. 北海道
庶民的？
リストのタグ　その２の応用

上記で勉強したリストのタグでは、テキストの前に数字が付きますが、 この他にも英大文字、英小文字、ギリシャ数字、ギリシャ数字小文字をつけることが出来ます。
リストのタグ　その２
<ol><li type=文字指定>〜</ol>

文字の指定
英大文字=A 英小文字=a ギリシャ数字=I ギリシャ数字=i


＝＝＝例　タグを利用した場合＝＝＝
HTMLの記述
Ａ子の好きな食べ物
<ol>
<li type=A>お好み焼き
<li>カレー
</ol>
<ol>
<li type=a>うどん
<li>お寿司
</ol>
<ol>
<li type=I>おでん
<li>海草サラダ
<li>焼おにぎり
</ol>
ホームページの表示例
Ａ子の好きな果物リスト
  1. お好み焼き
  2. カレー
  1. うどん
  2. お寿司
  1. おでん
  2. 海草サラダ
  3. 焼おにぎり

　目次へ　
前のページへ
次のページへ