Menu
CoddyTech

順序なしリスト

CoddyのHTMLジャーニー「基礎」セクションの一部。レッスン 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

チャレンジ

簡単

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

</ul>でリストを閉じてください。

自分で試してみよう

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

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

基礎のすべてのレッスン

自分で練習してみよう: Webプレイグラウンド