Homepage Zero ガイド
logo

ゼロから始めよう!わかりやすい!ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホームHTMLリファレンス(アルファベット検索)><ol>タグ

HTMLタグ辞典
タグ一覧(ABC順) 目的別タグ一覧 スタイルシート一覧(ABC順) 目的別スタイルシート一覧

<ol>…順序のあるリストを表示する

使用タグ

HTMLタグ

<ol 属性="属性値">〜</ol>

開始タグと
終了タグ

両方必須

内容となる
要素

li 要素

対応ブラウザ IE6 WinFireFox WinSafariFireFox MacIE5 macOpera

解説

<ol>タグブロック要素でこれを使えば、順序のあるリストを作成することが可能となります。<ol>〜</ol>内にリストの項目を記述できる<li>タグを並べて<li>〜</li>内に文字を記述します。

順序のないリストを作成する場合は<ul>タグを使用します。

属性と働き

属性 働き 指定できる値
type="数字やアルファベットの種類"
非推奨
CSSでの指定list-style-type
リストの先頭に表示させる数字またはアルファベットを指定できます 1(数字)
a(小文字のアルファベット)
A(大文字のアルファベット)
i (小文字のローマ数字)
I (大文字のローマ数字)
start="数字"
非推奨
CSSでの指定…なし
リストの行頭の数字がいくつから始まるのかを指定できます 整数

使用例

記述例
<h3>日本の行きたい場所</h3>
<ol type="1">
<li>沖縄</li>
<li>北海道</li>
<li>大阪</li>
<li>宮城</li>
<li>名古屋</li>
</ol>

<ol type="a">
<li>沖縄</li>
<li>北海道</li>
<li>大阪</li>
   <ol type="I">
   <li>たこ焼屋</li>
   <li>USJ</li>
   <li>万博公園</li>
   <li>道頓堀極楽商店街</li>
   </ol>
<li>宮城</li>
<li>名古屋</li>
</ol>
↓
[ブラウザでの表示例]
ブラウザ

日本の行きたい場所

  1. 沖縄
  2. 北海道
  3. 大阪
  4. 宮城
  5. 名古屋
  1. 沖縄
  2. 北海道
  3. 大阪
    1. たこ焼屋
    2. USJ
    3. 万博公園
    4. 道頓堀極楽商店街
  4. 宮城
  5. 名古屋

関連情報ページ

ページトップへ

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

<TOP>

logo
ゼロから始めよう!わかりやすい!ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|

copyright (C) TOMIY All Right Reserved
inserted by FC2 system