アフィリエイト機能を搭載した“稼げる”相互リンクディレクトリ

ホームページは難しくない  ちょこっとHTML  Lesson4

<ol type="○"><li>〜</li></ol>
<ol><li type="○">〜</li></ol>

<ol> の属性に type="○" を入れることで、番号付きリストのマークを変更することができます。
通常のリストマークは 普通の数字でしたね。

私の好きなくだものは

  1. イチゴ
  2. みかん
  3. ばなな
  4. りんご

指定できるマークは 次の5種類です。

1 通常の数字です。(1,2,3)
a 小文字のアルファベットになります。(a,b,c)
A 大文字のアルファベットになります。(A,B,C)
i 小文字のローマ数字になります。(ウ,エ,オ)
I 大文字のローマ数字になります。(,,。)

また リストマークを変えたときと同じように この番号付きリストのマークも <li> の属性に
type="○" を指定すると 指定したリストの項目のところだけマークを変更させることができます。
つまり リストの項目ごとにマークを変更することも可能です。

私の好きなくだものは

  1. イチゴ
  2. みかん
  3. ばなな
  4. りんご

リストのマークを変えてみました

  1. イチゴ
  2. みかん
  3. ばなな
  4. りんご

上記のHTMLソースは こんな感じです。

<p>私の好きなくだものは</p>
 <ol type="A">
  <li>イチゴ</li>
  <li>みかん</li>
  <li>ばなな</li>
  <li>りんご</li>
 </ol>
<p>リストのマークを変えてみました</p>
 <ol type="a">
  <li>イチゴ</li>
  <li>みかん</li>
  <li type="I">ばなな</li>
  <li type="i">りんご</li>
 </ol>

 

 

ホームページは難しくない  ちょこっとHTML  Lesson4

当ホームページは リンクフリーです! 
Copyright (C) 2004. mamoho. All Rights Reserved.
掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます。