CSSレレイアウトブロック・ブロックレベル要素とインライン要素

レイアウトブロック　モデル-縦2段 横3段

レイアウトブロックの基本は大きく分けて左図の縦2段 横3段と下図の縦3段 横3段です。

 

会社、企業のサイトに多くみられます。

レイアウトブロック　モデル-縦3段 横3段

通販、ショッピングサイトなどに多くみられます。

 

HTMLとスタイルシートの組み合わせ＞

レイアウトブロック　文書構造の整理

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

レイアウトブロック　文書構造の整理
ブロックレベル要素
  • <h1>〜</h1>・・・・・<h6>〜</h6> 　→　見出し
  • <p>〜</p>　→　段落
  • <ul>〜</ul>　→　箇条書き
  • <dl>〜</dl>　→　定義リスト
  • <blockquoto>〜</blockquoto>　→　引用文
  • <address>〜</address>　→　問い合わせ先
  • <div>〜</div>　→　グループ化・任意の範囲
インライン要素
  • <a>〜</a>　→　リンク
  • <ing />　→　画像
  • <em>〜</em>　→　強調
  • <strong>〜</strong>　→　より強調
  • <br />　→　改行
  • <span>〜</span>　→　任意の範囲