htmlで番号付きのリストを作ろう

はじめに

htmlで番号付きのリストを作りたいのですが、どうしたらいいですか?
olを使うと順番に番号がついたものが出力されますよ。
olというものがあるんですね。
サンプルを使ってご紹介しましょう。

HTMLでolを使って番号付きのリストを作ろう

htmlで番号つきのリストを作成するときには、olを使用します。
olで囲み中に、liを記述するだけで簡単に作成することが可能です。
ホームページで、リストに順序をつけたいときなどに非常に便利です。
サンプルは次のようになります。

<ol>
<li>ホームページがレスポンシブ対応になっていない</li>
<li>ホームページがSSLが非対応になっている</li>
<li>ホームページをご自身で変更できない</li>
</ol>

上記のコードで順序がついたリストが出来上がります。

olを使ったサンプルコード

ホームページ確認リスト(サンプル)
  1. ホームページがレスポンシブ対応になっていない
  2. ホームページがSSLが非対応になっている
  3. ホームページをご自身で変更できない

上記のように順序がついたリストが作成できますので、ぜひ活用してみてください。

関連記事

  1. HTML箇条書きを書く

  2. videoタグを使って動画を埋め込んでみよう

  3. アコーディオンを作ってみよう

  4. HTMLで見出しをつける

  5. メモ帳で書けるhtml

  6. HTMLでセレクトボックスを作ろう

2021年1月
 123
45678910
11121314151617
18192021222324
25262728293031