Menu
Coddy logo textTech

順序なしリスト

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

HTMLでは、順序なしリストは、数字や文字で順序付けされていない項目のリストです。代わりに、各項目は箇条書きの記号でマークされます。

順序なしリストを作成するには、<ul>タグを使用します。リストの各項目は、<li>タグを使用して定義されます。

HTMLで順序なしリストを作成する方法は次のとおりです。

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

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

  • 項目 1
  • 項目 2
  • 項目 3

順序なしリストは、材料のリストや機能のリストなど、順序が重要ではない項目を表示するのに便利です。

challenge icon

チャレンジ

簡単

3つの項目 "Apple"、"Banana"、および "Orange" を含む順序なしリストを持つHTMLドキュメントを作成してください。(その順序で)

チートシート

順序なしリストを作成するには、各項目に <li> タグを伴う <ul> タグを使用します:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

順序なしリストは項目を箇条書きで表示し、順序が重要でない場合に便利です。

自分で試してみよう

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

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

Fundamentalsのすべてのレッスン