リストは、各レコードが1行で表示されるデータと情報を表す重要な方法の1つです。順序付けされた方法や順序付けられていない方法など、リストでデータを表すにはさまざまな方法があります。このリストの次のトピックについては、 論文:
HTMLのリストの種類
リストの作成を開始する前に、まずHTMLタグを見てみましょう。
-
-
- リストアイテムを定義するために使用されます
-
- 説明リストで用語を定義するために使用されます
- 説明リストで用語を説明するために使用されます
HTMLでさまざまな種類のリストを作成する方法を理解しましょう。
順不同リスト
HTMLで順序付けられていないリストを定義するには、
- タグを付けてから、アイテムのリストを定義します 鬼ごっこ。デフォルトでは、アイテムのリストは箇条書き(つまり、小さな黒い円)でマークされています。
スポーツ
- クリケット
- フットボール
- 野球
出力:
順序付けられていないHTMLリスト:さまざまなアイテムマーカー
CSS list-style-typeプロパティを使用して、マーカーのリストから選択できます。さまざまなスタイルのマーカーを定義するために使用できるさまざまなCSSlist-style-typeプロパティを見てみましょう。
- ディスク :リストアイテムマーカーを箇条書きに設定します
- サークル :リストアイテムマーカーを円に設定します
- 平方 :リストアイテムマーカーを正方形に設定します
- 無し :リストアイテムはマークされません
ディスク:
スポーツ
- クリケット
- フットボール
- 野球
出力:
サークル:
スポーツ
- クリケット
- フットボール
- 野球
出力:
平方:
スポーツ
- クリケット
- フットボール
- 野球
出力:
無し:
スポーツ
- クリケット
- フットボール
- 野球
出力:
HTMLで順序なしリストを作成する方法を理解したら、HTMLで順序付きリストを作成する方法を理解しましょう。
注文リスト
HTMLで順序付きリストを定義するには、 タグを付けてから、アイテムのリストを定義します 鬼ごっこ。
デフォルトでは、アイテムのリストは番号でマークされています。
スポーツ
- クリケット
- フットボール
- 野球
出力:
セレンでポップアップを処理する方法
次に、順序付きリストのバリエーションのいくつかを見てみましょう。
順序付けられたHTMLリスト–タイプ属性
順序付きリストには、さまざまなタイプのアイテムマーカーがあります。
type =” 1” リストアイテムには番号が付けられます(デフォルト)
type =” A” リスト項目には大文字で番号が付けられます
type =” a” リスト項目には小文字で番号が付けられます
type =” I” リスト項目には大文字のローマ数字で番号が付けられます
type =” i” リスト項目には小文字のローマ数字で番号が付けられます
番号:
スポーツ
- クリケット
- フットボール
- 野球
出力:
大文字:
スポーツ
- クリケット
- フットボール
- 野球
出力:
小文字:
スポーツ
- クリケット
- フットボール
- 野球
出力:
大文字のローマ数字 mber s:
スポーツ
- クリケット
- フットボール
- 野球
出力:
小文字のローマ数字:
スポーツ
- クリケット
- フットボール
- 野球
出力:
HTML記述リスト
HTMLで説明リストを作成することもできます。説明リストは、用語のリストを作成し、それらに説明を追加するために使用されます。を使用して説明リストを作成します
鬼ごっこ。 タグは用語を定義します&
スポーツ
- クリケット
- クリケットは、11人のプレーヤーからなる2つのチーム間で行われるバットアンドボールゲームで、中央のフィールドは20メートルのピッチで、両端にウィケットがあり、それぞれが3つの切り株でバランスの取れた2つのベイルで構成されています。
- 卓球
- 卓球は、ピンポンとも呼ばれ、2人または4人のプレーヤーが小さなラケットを使用してテーブルを横切って軽量のボールを前後に打つスポーツです。ゲームはネットで分割されたハードテーブルで行われます。
出力:
HTMLのネストされたリスト
HTMLでネストされたリストを作成することもできます。
スポーツ
- 卓球
- クリケット
- Virat kohli
- ジョールート
出力:
上記のスニペットを実行すると、HTMLでリストを作成する方法を理解できたはずです。このブログがあなたにとって有益で付加価値があることを願っています。
私たちをチェックしてください インストラクター主導のライブトレーニングと実際のプロジェクト経験が付属しています。このトレーニングにより、バックエンドおよびフロントエンドのWebテクノロジーを操作するスキルを習得できます。これには、Web開発、jQuery、Angular、NodeJS、ExpressJS、およびMongoDBに関するトレーニングが含まれます。
質問がありますか? 「HTMLのリスト」ブログのコメントセクションでそれについて言及してください。折り返しご連絡いたします。