Menu
Coddy logo textTech

順序付きリスト

CoddyのHTMLジャーニー「Fundamentals」セクションの一部 — レッスン 13/60。

HTMLにおいて、順序付きリストは、数字や文字で順序付けられた項目のリストです。順序付きリストを作成するには、<ol>タグを使用します。リスト内の各項目は、<li>タグを使用して定義されます。

HTMLで順序付きリストを作成する方法は次のとおりです:

<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

この例では、<ol>タグは順序付きリストを定義し、各<li>タグはリスト項目を表します。ブラウザで表示されると、このコードは番号付きリストを作成します:

  1. 1番目の項目
  2. 2番目の項目
  3. 3番目の項目

順序付きリストは、手順のステップやランク付けされた項目のリストなど、順序が重要な項目を提示するのに役立ちます。

challenge icon

チャレンジ

簡単

"First"、"Second"、"Third" という3つの項目を含む順序付きリストを持つHTMLドキュメントを作成してください。(その順序で)

チートシート

順序付きリストは、項目を数字や文字で表示します。リストを作成するには <ol> タグを、各項目には <li> タグを使用します:

<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

順序付きリストは、手順のステップのように、項目の順序が重要な場合に便利です。

自分で試してみよう

<!DOCTYPE html>
<html>
    <body>
        <!-- ここにコードを記述してください -->
    </body>
</html>
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

Fundamentalsのすべてのレッスン