動画で練習１８ - 森のプログラミング練習ブログ

参考ブログ

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

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

html

レイアウト設定で決めた「ボックス名」に従いタグを埋め込んでいく

html

f:id:morijuntan:20201216223456p:plain

↑赤い枠が自分で入力したコードです。

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

<header>＝ボックス名に従って書く
<div class="container">左右のマージン用のコンテナータグを作る
サイトロゴ用のボックス→<div id="site_logo">→「id」で「"site_logo"」と言う名称を付ける
電話番号が書いてある要素用のボックスを作成→<div id="site_reserve">
「h1」＝見出し　「img」＝イメージタグ
<h1><img src="images/logo.png"></h1>
「images」＝画像を入れるフォルダ
「logo.png」＝ファイルに入っている画像の名前
<p class="site_tel">TEL-000-000-000</p>＝後から「css」でフォントや大きさを変更するので「class」要素を入れておく
＜nav＞=ナビゲーションメニュー
左右のマージン用の<div class="container">を設置
メニュー=<a>タグ