言語を学ぶ

HTML&CSSでつくるメニューの作り方

HTML&CSSでつくるメニューの作り方

チャプター:4

このブックでは、HTMLとCSSを活用して「カフェのページのメニュー」を表現したレイアウトの実装を行います。実際に一つのレイアウトを作成してゆく中で、HTMLとCSSを連携させた実用的なプログラミングがどのように行われるかを理解することが可能です。

1.「divタグ」で複数要素を入れる"箱"をつくろう

このチャプターでは、レイアウトの土台となるHTMLの構造を実装します。

28P

2.「箱」の装飾をしてみよう

このチャプターでは、前回のチャプターで作成した「箱」そのものに対して、実際にCSSを用いて装飾を行います。

27P

3.「箱」の中身(見出し部分)の装飾をしてみよう

このチャプターでは、前回のチャプターで作成した土台の見出し部分に対し、実際にCSSを用いて装飾を行います。

29P

4.「箱」の中身(内容部分)の装飾をしてみよう

このチャプターでは、前回のチャプターで作成した土台のメニュー部分に対し、実際にCSSを用いて装飾を行います。

27P