HTML要素：ブロックレベルとインライン要素

ブロックレベルとインライン要素の違いは何ですか？

HTMLは、Webページのビルディングブロックとして機能するさまざまな要素で構成されています。 これらの要素のそれぞれは、ブロックレベル要素またはインライン要素の2つのカテゴリのいずれかに分類されます。 これらの2つのタイプの要素の違いを理解することは、Webページを構築する上で重要なステップです。

ブロックレベルの要素

だから、ブロックレベルの要素は何ですか？ ブロックレベルの要素は、Webページ上で改行を開始し、親要素の利用可能な水平方向の空白の幅を拡張するHTML要素です。 段落やページ分割などの大きなブロックを作成します。 実際、ほとんどのHTML要素はブロックレベルの要素です。

ブロックレベルの要素は、HTML文書の本体内で使用されます。 インライン要素と他のブロックレベル要素を含めることができます。

インライン要素

ブロックレベルの要素とは対照的に、インライン要素は次のことができます。

インライン要素の例は、タグで、テキストコンテンツのフォントを太字で囲んでいます。 インライン要素は通常、他のインライン要素のみを含んでいるか、または
breakタグのように何も含めることができません。

HTMLには第3のタイプの要素もあります。それらはまったく表示されません。 これらの要素はページに関する情報を提供しますが、Webブラウザでレンダリングされると表示されません。

例えば：