動画で練習２０

参考ブログ

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

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

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

メニューの作製

• 先ほど決めたBOX名のタグを埋め込む＝<section id="menu">
• 左右のマージンを入れる為のBOX＝<div class="container">
• メニュー用のロゴ＝<img>タグで配置、後からCSSで調整できる様に"menu_logo"を配置する
• 見出し＝<h2>メニュー</h2>
• メニューを横並びするので<div class="menu_box">を追加
• メニューが三個付くので<div class="menu_box">を三個追加
• パスタの写真＝<img src="images/menu_pasta.jpg">
• 見出し＝<h3>パスタ</h3>
• メニュー項目<ul></ul>＝リスト<li></li> ※同じように残りも実装

html

↑自分で入力したコード

ブラウザで反映

↑無事反映されました。

続きます。