SoyaBlog

これを見れば解決しそうや

HOME>HTML>順序のあるリストolタグについて解説
ブログ投稿日時:
ブログ更新日時:
順序のあるリストolタグについて解説

順序のあるリストolタグについて解説

  1. olタグとは
  2. olタグの基本的な使い方
  3. 今回のまとめ
1.

olタグとは

順序のある番号付きのリストを表示する際に使用するときはolタグを使います。

「ol」は「ordered list」の略です。

2.

olタグの基本的な使い方

olタグを使用する時に守らなくてはいけないルールがあります。

それは、olタグとliタグをセットで使用することです。

このルールを守りながらHTMLの書き方と実際の表示を見ていきましょう。

<ol>
 <li>見出し1つ目</li>
 <li>見出し2つ目</li>
 <li>見出し3つ目</li>
</ol>
HTMLとCSSの表示
  1. 見出し1つ目
  2. 見出し2つ目
  3. 見出し3つ目

上記の表示のようにolタグとliタグを使用すると順序のある番号付きのリストが表示されます。

また、olタグの直下にはliタグ以外を置くことはできないので注意が必要です。

3.

今回のまとめ

この記事ではolタグの基本的な使い方について解説しました。

olタグを使用するときはliタグをセットで使用するというルールがあること。

そして、olタグの直下にはliタグ以外を置くことはできないことに注意しながらコーディングをしていきましょう。

最後までお読みいただきありがとうございます。