Body要素のヒミツ

body要素の中では、様々な要素が記述されています。

それらは『ブロックレベル要素』と『インライン要素』に大別されます。

この2つの要素は、Webブラウザの表示や性質に違いがあります。

 

ブロックレベル要素


ブロックレベル要素は、情報を一つのまとまりとして扱うものです。

前後に自動的に改行が入るのが、ブロックレベル要素の特徴です。

そのため、Webブラウザ上ではブロックレベル要素同士は横に並ばず、縦に重なって表示されます。

ブロックレベル要素の中には、インライン要素や他のブロックレベル要素を含めることができます。

代表的なブロックレベル要素

  • 見出しを示す『h要素』
  • 段落を示す『p要素』
  • リスト表示に使われる『ul要素』・『ol要素』
 

インライン要素


インライン要素は、文章の一部分や画像など、ピンポイントで扱うものです。

インライン要素は幅や改行の情報を含まないので、連続で横に並んで表示されます。

インライン要素の中にインライン要素を含めることはできますが、

インライン要素の中にブロックレベル要素を含めることは、極めて珍しいケースです。

代表的なインライン要素

  • テキストの一部に意味づけする『strong要素』・『em要素』
  • 画像を表示する『img要素』
 

まとめ

  1. Webページはブロックレベル要素とインライン要素で構成する
  2. ブロックレベル要素は、見出しや段落などの固まり
  3. インライン要素は文章の一部分に意味づけする

コメントを残す

サブコンテンツ

【PR】

今だけ!値下げ決行!【初心者に嬉しい】画像編集マニュアル

【期間限定】LINEの人気スタンプが無料で手に入る!

お得な返礼品を貰おう!ふるさと納税

【無料登録】オススメのASPはココ!

女性が有利?ポイントサイト攻略マニュアル【無料】

奇跡的に文章力がアップする『魔法の〇〇集』プレゼント【無料】

【初心者でも安心】バイナリーオプションの自動攻略ツール(特典付き)

このページの先頭へ