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. ふりがなの付け方

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

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

  4. HTMLでテーブルを作ろう

  5. cssを読み込む

  6. HTMLで見出しをつける

2024年5月
 12345
6789101112
13141516171819
20212223242526
2728293031  
Translate »