HTMLのOLの属性と開始番号の設定

HTMLのOLはリストを作るときに使うタグです。リストの項目自体はLIを使います。

HTML入力

<ol>
<li>色は匂へど</li>
<li>散りぬるを</li>
<li>我が世たれぞ</li>
</ol>

HTML出力

  1. 色は匂へど
  2. 散りぬるを
  3. 我が世たれぞ

OLを使っているのでリスト番号がついています。この番号はOLのTYPE属性によって

  • 数字
  • ローマ数字(小文字)
  • ローマ数字(大文字)
  • アルファベット(小文字)
  • アルファベット(大文字)

にできます。

OLのTYPE属性とリスト番号

TYPE 内容
1 数字
i ローマ数字(小)
I ローマ数字(大)
a アルファベット(小)
A アルファベット(大)

OLの開始番号

OLのSTART属性を変えるとリストの開始番号を変えられます。

HTML入力

<ol start="5">
<li>色は匂へど</li>
<li>散りぬるを</li>
<li>我が世たれぞ</li>
</ol>

HTML出力

  1. 色は匂へど
  2. 散りぬるを
  3. 我が世たれぞ

広告