ホームページ  >  記事  >  ウェブフロントエンド  >  インライン要素とブロックレベル要素とは何ですか?

インライン要素とブロックレベル要素とは何ですか?

百草
百草オリジナル
2023-11-24 13:57:431204ブラウズ

インライン要素には、a、span、strong、b、em、i、label、img、input、select、textarea、button、abbr、cite、code、big、small、sub、sup などが含まれます。ブロックレベル要素には、div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr、blockquote、address、menu、pre などが含まれます。

インライン要素とブロックレベル要素とは何ですか?

このチュートリアルのオペレーティング システム: Windows 10 システム、DELL G3 コンピューター。

インライン要素とブロックレベル要素は HTML の 2 つの異なるタイプの要素であり、ページ レイアウトとスタイルにおいて異なる特性と動作を持ちます。一般的なインライン要素とブロックレベルの要素を以下に示します:

インライン要素:

1. a: ハイパーリンク。

2.span: ドキュメントのコンテンツを結合するために使用されるインライン要素。

3.strong: テキストを強調し、太字で表示します。

4. b: 太字のテキストを定義します。

5. em: 斜体で表示される強調テキストを定義します。

6. i: 斜体テキストを定義します。

7. ラベル: フォーム コントロールのラベルを定義します。

8. img: 画像を定義します。

9. 入力: 入力コントロールを定義します。

10. select: ドロップダウン リストを定義します。

11. textarea: 複数行のテキスト入力ボックスを定義します。

12. button: クリックボタンを定義します。

13. abbr: 略語を定義します。

14. 引用: 参照を定義します。

15. code: コンピューターコードのテキストを定義します。

16. big: より大きなテキストを定義します。

17. small: 小さいテキストを定義します。

18. sub: 添え字テキストを定義します。

19. sup: 上付き文字を定義します。

ブロックレベル要素:

1. div: ドキュメントコンテンツを結合するために使用されるブロックレベル要素。

2. p: 段落を定義します。

3. h1-h6: タイトルを定義します。h1 は最高レベルのタイトルを定義し、h6 は最低レベルのタイトルを定義します。

4. フォーム: ユーザー入力用のフォームを定義します。

5、ul、ol、dl: 順序なしリスト、順序付きリスト、定義リストをそれぞれ定義します。

6、dt、dd: それぞれ、リスト内の項目とリスト内の項目の説明を定義します。

7. li: リスト項目を定義します。

8. table: テーブルを定義します。

9. tr: テーブル内の行を定義します。

10, td, th: テーブル内のセルとヘッダー セルをそれぞれ定義します。

11. hr: トピック間の境界線を定義します。

12. blockquote: 長い引用符を定義します。

13. address: アドレス情報を定義します。

14. menu: メニュー リストを定義します。

15. pre: スペースや改行などの書式設定情報を保持した、事前に書式設定されたテキストを定義します。

以上がインライン要素とブロックレベル要素とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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