HTMLでさまざまなタイプのリストを実装する方法は?



この記事では、HTMLのさまざまなタイプのリストに関する詳細で包括的な知識と例およびコードを提供します。

リストは、各レコードが1行で表示されるデータと情報を表す重要な方法の1つです。順序付けされた方法や順序付けられていない方法など、リストでデータを表すにはさまざまな方法があります。このリストの次のトピックについては、 論文:

HTMLのリストの種類

リストの作成を開始する前に、まずHTMLタグを見てみましょう。





    • 順序付けられていないリストを定義するために使用されます
      1. 順序付きリストを定義するために使用されます
      2. リストアイテムを定義するために使用されます
      3. 説明リストを定義するために使用されます
      4. 説明リストで用語を定義するために使用されます
      5. 説明リストで用語を説明するために使用されます

    HTMLでさまざまな種類のリストを作成する方法を理解しましょう。

    順不同リスト

    HTMLで順序付けられていないリストを定義するには、

      タグを付けてから、アイテムのリストを定義します
    • 鬼ごっこ。デフォルトでは、アイテムのリストは箇条書き(つまり、小さな黒い円)でマークされています。



       

      スポーツ

      • クリケット
      • フットボール
      • 野球

      出力:

      HTMLの順序なしリスト

      順序付けられていないHTMLリスト:さまざまなアイテムマーカー



      CSS list-style-typeプロパティを使用して、マーカーのリストから選択できます。さまざまなスタイルのマーカーを定義するために使用できるさまざまなCSSlist-style-typeプロパティを見てみましょう。

      • ディスク :リストアイテムマーカーを箇条書きに設定します
      • サークル :リストアイテムマーカーを円に設定します
      • 平方 :リストアイテムマーカーを正方形に設定します
      • 無し :リストアイテムはマークされません

      ディスク:

       

      スポーツ

      • クリケット
      • フットボール
      • 野球

      出力:

      HTMLのディスクサークル:

       

      スポーツ

      • クリケット
      • フットボール
      • 野球

      出力:

      サークル-HTMLのリスト平方:

       

      スポーツ

      • クリケット
      • フットボール
      • 野球

      出力:

      Square無し:

       

      スポーツ

      • クリケット
      • フットボール
      • 野球

      出力:

      NoneHTMLで順序なしリストを作成する方法を理解したら、HTMLで順序付きリストを作成する方法を理解しましょう。

      注文リスト

      HTMLで順序付きリストを定義するには、

        タグを付けてから、アイテムのリストを定義します
      1. 鬼ごっこ。
        デフォルトでは、アイテムのリストは番号でマークされています。

         

        スポーツ

        1. クリケット
        2. フットボール
        3. 野球

        出力:

        セレンでポップアップを処理する方法

        HTMLの順序付きリスト次に、順序付きリストのバリエーションのいくつかを見てみましょう。

        順序付けられたHTMLリスト–タイプ属性

        順序付きリストには、さまざまなタイプのアイテムマーカーがあります。

        • type =” 1” リストアイテムには番号が付けられます(デフォルト)

        • type =” A” リスト項目には大文字で番号が付けられます

        • type =” a” リスト項目には小文字で番号が付けられます

        • type =” I” リスト項目には大文字のローマ数字で番号が付けられます

        • type =” i” リスト項目には小文字のローマ数字で番号が付けられます

        番号:

         

        スポーツ

        1. クリケット
        2. フットボール
        3. 野球

        出力:

        Numbers大文字:

         

        スポーツ

        1. クリケット
        2. フットボール
        3. 野球

        出力:

        大文字小文字:

         

        スポーツ

        1. クリケット
        2. フットボール
        3. 野球

        出力:

        小文字大文字のローマ数字 mber s:

         

        スポーツ

        1. クリケット
        2. フットボール
        3. 野球

        出力:

        大文字のローマ数字

        小文字のローマ数字:

         

        スポーツ

        1. クリケット
        2. フットボール
        3. 野球

        出力:

        小文字のローマ数字

        HTML記述リスト

        HTMLで説明リストを作成することもできます。説明リストは、用語のリストを作成し、それらに説明を追加するために使用されます。を使用して説明リストを作成します

        鬼ごっこ。
        タグは用語を定義します&
        タグはそれらに説明を追加します。

         

        スポーツ

        クリケット
        クリケットは、11人のプレーヤーからなる2つのチーム間で行われるバットアンドボールゲームで、中央のフィールドは20メートルのピッチで、両端にウィケットがあり、それぞれが3つの切り株でバランスの取れた2つのベイルで構成されています。
        卓球
        卓球は、ピンポンとも呼ばれ、2人または4人のプレーヤーが小さなラケットを使用してテーブルを横切って軽量のボールを前後に打つスポーツです。ゲームはネットで分割されたハードテーブルで行われます。

        出力:

        HTMLのネストされたリスト

        HTMLでネストされたリストを作成することもできます。

         

        スポーツ

        • 卓球
        • クリケット
          • Virat kohli
          • ジョールート
      2. バスケットボール

    出力:

    上記のスニペットを実行すると、HTMLでリストを作成する方法を理解できたはずです。このブログがあなたにとって有益で付加価値があることを願っています。

    私たちをチェックしてください インストラクター主導のライブトレーニングと実際のプロジェクト経験が付属しています。このトレーニングにより、バックエンドおよびフロントエンドのWebテクノロジーを操作するスキルを習得できます。これには、Web開発、jQuery、Angular、NodeJS、ExpressJS、およびMongoDBに関するトレーニングが含まれます。

    質問がありますか? 「HTMLのリスト」ブログのコメントセクションでそれについて言及してください。折り返しご連絡いたします。