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. cssを読み込む

  2. ふりがなの付け方

  3. メモ帳で書けるhtml

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

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

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

2021年4月
 1234
567891011
12131415161718
19202122232425
2627282930  
Translate »