01 / 04
ページを組み立てる
INPUT · スライド
フッターの中身を組む
02 / 04
手順はヘッダーとまったく同じ
新しい覚えかたは要らない。箱を作って、中身を入れ子で並べる——それだけ。
フッター全体を div の箱にして footer という class をつけよう。
<div class="footer"> <h2 class="name">つきみ堂</h2></div>03 / 04
細かいリンクもリストで
フッターのリンクもメニューと同じくリスト。ul の中に li、その中に a を入れる。
ヘッダーのメニューと区別するために、class は links のように別の名前にしておくと迷わないよ。
<ul class="links"> <li><a href="#">お店について</a></li> <li><a href="#">アクセス</a></li></ul>04 / 04
著作権の表示を置く
最後に「このページの中身は誰のものか」を示す1行を置く。p に copyright という class をつけるのが定番だよ。
書き方は (c) 年 名前 の形。ここから書いてみよう。
<p class="copyright">(c) 2026 つきみ堂</p>