パソコンの小技・備忘録


トップページ > ホームページ作成の小技一覧 > HTMLタグ辞典(アルファベット順) > ol

HTMLタグ辞典(ol)

<ol>〜</ol> 文頭に順序を表示するリストを表示する。

使い方など
<ol>は、数字などで、文頭に順序を表示するリストを表示するタグです。

「type」という属性を使うことで、文頭に示す順序を表示するための種別を指定できます。

なお、各項目の指定には、「li」タグを用います。

■属性一覧


 管理人が、よく使うものは背景色をオレンジ色にしているものです。

属性と書式 意味など
class="任意の名前" スタイルシートなどで用いる名前を指定する。
compact="compact" コンパクトに表示する。
※対応しているブラウザが少ないので、あまり使いません。
dir="文字方向" 文字を読む方向を指定する。
 ltr:左から右へ(日本語・英語など)
 rtr:左から右へ(アラビア語など)
id="任意の名前" スタイルシートなどで用いる任意のIDを指定する。
lang="言語コード" タグ内の要素の言語を指定する。
start="任意の数字" 開始番号を指定する。(初期値は「1」)
style="スタイルシートの設定" スタイルシートにより表示方法等を設定する。
title="任意の文字列" 補足的な情報を指定し、ツールチップとして表示する。
type="文頭の数字などの指定" 文頭に付ける数字などを以下から指定する。

1:アラビア数字
A:アルファベット大文字
a:アルファベット小文字
I:ローマ数字大文字
i:ローマ数字小文字

■使用例

<ol type=1>
  <li>テスト</ul>
  <li>試験</ul>
</ol>


数字の順序を文頭に付けたリストを表示する。
 実際の動作↓

  1. テスト
  2. 試験

トップページに戻る

パソコンの小技・備忘録トップページ(http://pckowaza.web.fc2.com/)を表示

※更新履歴などを掲載していますので、お気に入りはぜひトップページでお願いします!

サイト内検索

 Googleでサイト内検索

小技カテゴリー

カウンタ

メール送信

 ご意見・相互リンク募集中!
意見・相互リンクメールを送信!
inserted by FC2 system