概要

本書は，コーダー，フロントエンジニアを目指す人向けのHTMLとCSSのコーディング独習書です。

業界を目指すためにはコーディングは必須です。ホームページ時代のタグの記述方法ではなく，これからWeb業界を歩んで行く人たちに正しいコードの書き方，より現在の業界水準にあった正しいコードの書き方が求められています。

実際にコードを書くことで覚えられるようにサンプルをダウンロードで提供します。

こんな方におすすめ

• HTMLとCSSをイチから学びたい人
• 本を読むだけじゃなく，実際に手を動かして覚えたい人
• 最新のWeb標準に沿ったコーディングを学びたい初心者
• エディタを使いながら，実践的にスキルを身につけたい人
• プロが使う基本スキルを，わかりやすく学びたい人

サンプル

目次

Chapter1　HTMLとCSSを学ぶ準備

• Lesson1　HTMLとCSSの役割と関係
• Lesson2　パソコンの設定をする

Chapter2　HTMLとCSSの基本の書き方

• Lesson1　HTMLの基本
• Lesson2　CSSの基本
• Column　なによりも強い !important

Chapter3　テキストとセクショニング

• Lesson1　テキストのマークアップ
• Lesson2　テキストのスタイルとWebフォント
• Column　ウェブフォントのメリットとデメリット
• Lesson3　リンクの指定とCSS
• Lesson4　リストと説明リスト
• Lesson5　区分コンテンツと汎用コンテナ

Chapter4　画像と動画と埋め込み要素

• Lesson1　画像を表示させる
• Lesson2　動画を表示させる
• Lesson3　iframeとメディアの埋め込み

Chapter5　ボックスとスタイル

• Lesson1　2種類のボックスとボックスモデル
• Lesson2　ボックスのスペースとボーダー
• Lesson3　ボックスの背景
• Lesson4　ボックスのサイズと表示

Chapter6　Fleboxを使ったレイアウト

• Lesson1　Flexboxレイアウトの基本
• Lesson2　Flexboxを使ったレイアウト
• Additional Notes　floatを使った要素の回り込み

Chapter7　Gridを使ったレイアウト

• Lesson1　Gridレイアウトの基本
• Lesson2　Gridアイテムのコントロール

Chapter8　positionを使ったレイアウト

• Lesson1　positionプロパティの使い方
• Lesson2　z-indexを使った重なり順
• Lesson3　sticky

Chapter9　テーブル（ 表）

• Lesson1　表組みをマークアップする
• Lesson2　セルの結合
• Column　正しいHTMLとアクセシビリティ

Chapter10　フォーム

• Lesson1　フォームの仕組み
• Lesson2　いろいろなinput要素
• Lesson3　その他のフォーム要素

Chapter11　レスポンシブデザイン

• Lesson1　レスポンシブデザインとviewport
• Lesson2　メディアクエリーの使い方
• Lesson3　画像のレスポンシブ対応

サポート

ダウンロード

本書で使用しているサンプルファイルをダウンロードすることができます。

なお，すべてのサンプルファイルを用意しているわけではありませんので，あらかじめご了承いただき，ご利用をお願いいたします。

ダウンロード

サンプルファイル（sample.zip）

• サンプルファイルのご利用方法は本書P.6「本書の校正とご注意方」およびP.8「サンプルファイルのダウンロード」をご覧ください。
• サンプルファイルは圧縮されていますので，お使いのコンピュータにダウンロードしたあとは，フォルダを展開してからご利用ください。
• ダウンロードしたファイルは著作権法によって保護されており，本書の購入者が本書学習の目的での使用に限定し，許諾します。それ以外の目的に利用すること，二次配布することは固く禁じます。また購入者以外の利用は禁止します。
• サンプルファイルは任意のダウンロードサービスです。ご利用についてはご自身の判断，責任で行っていただきますよう，お願いします。