動画で練習１９

参考ブログ

初心者でもわかるHTML&CSS講座　イタリアンレストランホームページを作る | Inoma Createｋ

※ブログ内に練習用のデータあり

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

メイン部分の実装

• <header>タグの後に記載
• ４個の<section>を設定する<main><concept><manu><access>
• <main>イメージエリア＝HPの全体的なイメージ画像を張り付ける
• <img>タグを使用して「top_image」を中に配置

• ↓コンセプトエリア

• 左右の余白用の<div class="container">を配置
• コンセプトのロゴを配置
• 後でCSSでサイズ調整できるように<concept_logo>と名前を付けておく
• コンセプトのアイコンを<img>で追加
• 後でCSSでサイズ調整を行うので<concept_icon>と記入

html

↑今回入力した部分、箇条書きれているメモ欄の箇所です。

ブラウザ

↑無事反映されました。htmlコードだけだと左側に設置されてしまいcssコードで真ん中に設置するようにします。

※続きます。