ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLでのリストの使い方

HTMLでのリストの使い方

下次还敢
下次还敢オリジナル
2024-04-27 21:21:18453ブラウズ

リストは、一連の項目を表示するために使用される HTML の要素です。順序なしリストと順序付きリストの 2 種類があり、それぞれドットまたは数字/文字でマークされています。構文は

      で、リストの種類や開始値などを属性で指定できます。リストはネストして、リスト項目内にサブリストを作成できます。

HTMLでのリストの使い方

HTML でのリストの使用

リストとは何ですか?

リストは、一連の関連アイテムまたは順序付けされたアイテムを表示するために使用される HTML の要素です。

タイプ

HTML には 2 つのタイプのリストがあります:

  • 順序なしリスト (
      ): 未ソートの項目を表示するために使用され、通常はドットまたはダッシュでマークされます。
    • 順序付きリスト (
        ): 並べ替えられた項目を表示するために使用され、通常は数字または文字でマークされます。

    # 構文

    リストの構文は次のとおりです:

    <code class="html"><ul>
      <li>项目 1</li>
      <li>项目 2</li>
      <li>项目 3</li>
    </ul></code>

    Attributes

      #type:
    • リストのタイプを指定します。「disc」(ドット)、「circle」(円)、「square」(正方形)などです。
    • start:
    • 順序付きリストの開始値を指定します。
    ネストされたリスト

    リストはネストできます。つまり、サブリストはリスト項目内に作成されます:

    <code class="html"><ul>
      <li>项目 1
        <ul>
          <li>子项目 1</li>
          <li>子项目 2</li>
        </ul>
      </li>
      <li>项目 2</li>
    </ul></code>

    Example

    順序なしリスト:

    <code class="html"><ul>
      <li>苹果</li>
      <li>香蕉</li>
      <li>橙子</li>
    </ul></code>

    順序付きリスト:

    <code class="html"><ol>
      <li>星期一</li>
      <li>星期二</li>
      <li>星期三</li>
    </ol></code>

    ネストされたリスト:

    りー

    以上がHTMLでのリストの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。