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でAタグに電話番号を設定しよう

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

  3. HTMLで見出しをつける

  4. HTMLでラジオボタン を作ってみよう

  5. 画像をhoverして時にズームさせるcssを書こう

  6. ふりがなの付け方

2022年1月
 12
3456789
10111213141516
17181920212223
24252627282930
31  
Translate »