HTML+CSS! Webページ基本要素。(続編)

前回では3つの大きな要素に分けて軸を作りました。

今回はもっと小さく要素を分類して、より書きやすいレイアウトを作っていきましょう。

(目次)
■ 『メインビジュアル』と『セクション』と『メインコンテンツ』
■まとめ

■ メインビジュアルとセクション

今度はメインビジュアルとセクションに分けました。
メインビジュアルとセクションは『メインコンテンツ』の中に入ります。

・メインビジュアル:キャッチコピーになります。
・セクション: Webページ内で文章のまとまりを明確に表示するタグになります。
セクションは文集と文章の区切りとなる、アウトラインを作成します。

メインビジュアルとセクションは下記の部分になります。⬇

エディターで表示すると⬇

CSSで表示すると⬇

ブラウザで表示すると⬇

このように、メインビジュアル』と『セクション』と『メインコンテンツ』とさらに細か
い要素に分ける事ができます。

■まとめ

このように各要素を各々の階層に分ける事ができました。
ここまで細かくしたら、次回は実際に簡単なウェブページを作っていきたいと思います。