前回では3つの大きな要素に分けて軸を作りました。
今回はもっと小さく要素を分類して、より書きやすいレイアウトを作っていきましょう。
(目次)
■ 『メインビジュアル』と『セクション』と『メインコンテンツ』
■まとめ
■ メインビジュアルとセクション
今度はメインビジュアルとセクションに分けました。
メインビジュアルとセクションは『メインコンテンツ』の中に入ります。
・メインビジュアル:キャッチコピーになります。
・セクション: Webページ内で文章のまとまりを明確に表示するタグになります。
セクションは文集と文章の区切りとなる、アウトラインを作成します。
メインビジュアルとセクションは下記の部分になります。⬇
エディターで表示すると⬇
CSSで表示すると⬇
ブラウザで表示すると⬇
このように、メインビジュアル』と『セクション』と『メインコンテンツ』とさらに細か
い要素に分ける事ができます。
■まとめ
このように各要素を各々の階層に分ける事ができました。
ここまで細かくしたら、次回は実際に簡単なウェブページを作っていきたいと思います。