超初心者のためのホームページ作成講座
HTML CSS Dictionary Netscape Color AccessUp Links SiteMap

■ 番号付きリスト その1

番号付きリストでは、番号なしリストの <ul> タグの変わりに、リスト全体を <ol> タグで囲みます。

<ol>
 <li>埼玉県</li>
 <li>東京都</li>
 <li>神奈川県</li>
</ol>

  1. 埼玉県
  2. 東京都
  3. 神奈川県

タグ名プロパティ説明
<ol>〜</ol>type11,2,3,・・・(デフォルト)
aa,b,c,・・・
AA,B,C,・・・
i@,A,B,・・・
IT,U,V,・・・
start番号最初の番号を変える
<li>〜</li>type11,2,3,・・・(デフォルト)
aa,b,c,・・・
AA,B,C,・・・
i@,A,B,・・・
IT,U,V,・・・
value番号途中から番号を変える

<ol type="a">
 <li>山梨県</li>
 <li>静岡県</li>
 <li>長野県</li>
</ol>

  1. 山梨県
  2. 静岡県
  3. 長野県

<ol type="A">
 <li>岐阜県</li>
 <li>愛知県</li>
 <li>三重県</li>
</ol>

  1. 岐阜県
  2. 愛知県
  3. 三重県

<ol type="i">
 <li>富山県</li>
 <li>石川県</li>
 <li>福井県</li>
</ol>

  1. 富山県
  2. 石川県
  3. 福井県

<ol type="I">
 <li>京都府</li>
 <li>奈良県</li>
 <li>和歌山県</li>
</ol>

  1. 京都府
  2. 奈良県
  3. 和歌山県

<li> タグに type 属性を指定すれば、指定したテキストだけ指定したマークになります。

<ol>
 <li type="1">大阪府</li>
 <li type="a">兵庫県</li>
 <li type="A">岡山県</li>
 <li type="i">島根県</li>
 <li type="I">鳥取県</li>
</ol>

  1. 大阪府
  2. 兵庫県
  3. 岡山県
  4. 島根県
  5. 鳥取県

 Home < 超初心者のためのホームページ作成講座 < Back < 番号付きリスト1 > Next