フロー

ウェブページのフローは、要素が垂直および水平方向に表示される順序を決定します。デフォルトでは、要素はHTMLドキュメント内に記述された順に、上から下へ表示されます。水平方向のフローは通常、左から右へ進みますが、右から左へ読む言語ではフローも右から左に反転します。

HTMLのすべての要素は、罫線のある用紙上の単語のように、行上の位置を占める長方形の領域です。主な要素の種類は、ブロックレベル要素とインライン要素の2つです。

例を確認した後、次のようにまとめられます：

ブロックレベル要素：内容の大きさに関係なく、コンテナの幅全体を占有。ブロック要素は縦に積み重なります。

インライン要素：内容に必要な幅だけを占有。同じ行に複数のインライン要素が並びます。1行に収まらない場合は次の行に折り返されます。

要素タイプ

前述の通り、ブラウザのスタイルシート内のすべての要素には、その挙動を決定する display プロパティによってタイプが割り当てられています。主な要素タイプはブロックレベル要素とインライン要素であり、さらにインラインブロック要素などの追加タイプも存在します。

インライン要素：主にコンテンツの一部を装飾したり強調したりするために使用される要素。例としては、リンク、ボタン、画像などがある。同じ行に並び、スペースが足りなくなると次の行に折り返される。

ブロックレベル要素：見出し、段落、リスト、セクション（例：ヘッダー、フッター）など、より大きなコンテンツ構造を定義するために使用される。これらは縦に積み重なる長方形のブロックとして表示される。