森のプログラミング練習ブログ

htmlやcssの練習したコードを投稿するブログです。

動画で練習21

参考ブログ

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

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

-------------------------------------

アクセスエリアの作製

  • <box>名に従いタグを設置する
  • 左右マージン用の<contener>を設置
  • アクセス用のロゴを配置=<img id="access_logo" src="images/access_image.png">
  • 見出し=<h2>アクセス</h2>
  • 地図用のBOX=<"access_map">
  • アクセス情報が書かれたBOX=<div id="access_txt">
  • 最後に<div id="access_txt">を追加
  • 地図=グーグルマップから情報を得る事が可能
  • アクセステキスト=<p></p>

--------------------------------------

html

f:id:morijuntan:20201221220036p:plain

↑赤枠は自分で記入した部分です。

 

ブラウザ

f:id:morijuntan:20201221220253p:plain

↑今回は無事に反映されました。

--------------------------------------

フッター

 

html

f:id:morijuntan:20201221222153p:plain

 

ブラウザ

f:id:morijuntan:20201221222324p:plain

↑番号とコピーライトの真ん中が白くなっているのでCSSで調整します。

 

CSSに進みます。