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. 画像をhoverして時にズームさせるcssを書こう

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

  4. ちょっと複雑なテーブルをHTMLで作ろう

  5. cssを読み込む

  6. HTMLで見出しをつける

2020年9月
 123456
78910111213
14151617181920
21222324252627
282930