【4年連続、売上第1位！】

【全国の書店員がオススメする本(2019年度 CPU大賞)第1位!】

ずっと、一番売れているHTML本!

大反響! 32刷突破！

読者の圧倒的な支持！シリーズ35万部突破の大ヒット!

全国の書店員がオススメする本(CPU大賞)第1位!

2019-2022年、年間売上 第1位!※

Web制作に必要な知識がすべて身につく!

※日販売上げランキング: HTML関連書籍

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

Web界隈やデザイナーに大人気！

Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、

Manaによる渾身のHTML & CSSとWebデザインが学べる本

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

今のWebサイトの作り方が一気に学べる！

・知識ゼロから体系的に学べる！HTMLとCSSの基本

・最新の技術に対応！レスポンシブ、Flexbox、CSSグリッド

・手を動かしながら学べる！プロの現場で役立つテクニック

・コードの知識からデザインのことまで1冊ですべて学べる！

WebクリエイターボックスのManaが教える

Webサイト制作の定番＆旬のスキル。

この1冊で必要なことがすべて学べる！

コードもデザインも全部学べる！

●本書の対象読者

・これからWebサイトを作り始める初心者

・HTMLとCSSを基本から学びたい人

・美しいデザインのWebサイトを作りたい人

・Webの最新技術を学びたい人

モバイルファースト＆レスポンシブなサイトの作成手法を、ステップ・バイ・ステップでマスターする！

本書では、モバイルファースト＆レスポンシブで、サンプルサイトを制作していく過程を実際に操作しながら学んでいきます。

サイトはパーツ単位で作成し、章ごとに1つのパーツを作成していきます。

Chpater1　ヘッダー

Chpater2　ヒーロー

Chapter3　画像とテキスト

Chpater4　記事一覧

Chapter5　フッター

Chapter6　記事

Chapter7　プラン＆フッター

Chapter8　ナビゲーション

それぞれのパーツの作成にあたっては、パーツのレイアウトを実現するCSSの選択肢を示し、場面に応じて適切なものを選択して、作成していきます。

章末には他の選択肢やそのバリエーションをまとめて解説していますので、デザインやレイアウトの技を幅広く身につけることができるでしょう。

HTMLは最新の「HTML Living Standard」に準拠し、CSSでは従来から活用されてきたメディアクエリの他、Flexbox、CSS Gridなどのレイアウトのコントロール、CSS関数を使いこなします。

「本書では、新しいHTML&CSSに沿った形で『レスポンシブWebデザイン』を見直し、ページを作成しながらさまざまな選択肢を比較検討していきます。

サンプルのページを作成するばかりでなく、ページを実現するためのバリエーションを増やして、これからのWeb 制作に活用していただければと思います。』（著者「はじめに」より）

演習用ファイルがダウンロードできますので、ぜひ本書で最新のHTML&CSSコーディングを体感してください。

【特典付き】

・特典PDF『HTML&CSS　簡易リファレンス』

本書のサポートサイトから入手してください。

Introduction　イントロダクション

Setup　下準備

Chpater1　ヘッダー

Chpater2　ヒーロー

Chapter3　画像とテキスト

Chpater4　記事一覧

Chapter5　フッター

Chapter6　記事

Chapter7　プラン＆フッター

Chapter8　ナビゲーション

Web制作の初心者に向けた「HTML5+CSS3でサイトを作ろう」といった内容の書籍は多数出版されています。しかし、それらを卒業し、2冊目となるような、より深く「HTML」を学習できる書籍はあまりありません。

本書は、最低限のHTMLに関する知識やスキルを持ち、簡単なHTMLファイルを作成できることを前提に、HTMLを再入門、あるいはHTMLの初・中級者からさらなるステップアップをしたい、という読者を対象にしています。

HTMLをより深く学習する、言い換えると深く理解するためには、HTMLのシンタックス（構文）とセマンティックス（意味論）を理解することが不可欠です。シンタックスは機械的にチェックできますが、セマンティックスについては現在の技術では人によるチェックをせざるを得ないのが現状でしょう。

また、HTMLの究極の学習コンテンツはウェブ上で策定・公開されているHTML仕様といえますが、現在のHTML仕様は多数の前提知識が必要であり、中・上級者向けともいえます。

本書を読み進めることで、静的なウェブページから動的なウェブアプリケーションまで、筋の通ったHTMLを設計・記述できるようになることを目指します。本書では触れていませんが、これにより現代のウェブページに不可欠なCSSやJavaScriptの設計・作成についても理解が深まることでしょう。

また、HTML仕様を読むための前提知識についても解説しています。さらに、HTMLと関連のあるアクセシビリティやセキュリティの知識についても、著者陣がスペシャリストの立場として、必要に応じて言及しています。

1章　HTMLの基本概念

　1-1 HTMLとは

　1-2 HTMLの仕様

　1-3 HTML標準化の歴史

　1-4 ウェブアクセシビリティの基礎

　1-5 URLの概要

　1-6 HTTP

　1-7 技術情報との関わり方

2章　HTMLマークアップのルール

　2-1 HTMLの要素とタグの基本

　2-2 属性

　2-3 URLの応用

　2-4 要素の入れ子と内容モデル

　2-5 HTMLで扱える文字

　2-6 文字参照

　2-7 コメント

　2-8 HTMLの細かい構文ルール

3章　HTMLの主要な要素

　3-1 「HTMLの主要な要素」の読み方

　3-2 ルート要素と文書のメタデータ

　3-3 セクション

　3-4 グルーピングコンテンツ

　3-5 テキストレベルセマンティックス

　3-6 リンク関連要素

　3-7 編集

　3-8 エンベティッドコンテンツ

　3-9 テーブル

　3-10 フォーム1

　3-11 フォーム2

　3-12 インタラクティブ要素

　3-13 スクリプティング

4章　主要な属性とWAI-ARIA

　4-1 グローバル属性

　4-2 WAI-ARIA

　4-3 ARIA利用時の注意点

　4-4 WAI-ARIAの実践

HTMLとCSSの使い方を、目的引き、やりたいこと引きでまとめたリファレンスです。HTML＆CSSの基本から、テキスト、リンク、リストやメニュー、入力フォーム、レイアウト、レスポンシブ対応など、目的ごとにタグやプロパティの使い方を詳しく解説しているので、「こんなことをしたい！」というときにすぐに調べられます。現在ホームページ制作を学んでいる方にも、Webデザイナーとして活躍している方にもおすすめの1冊です。

1章　HTMLとCSSのしくみ

2章　Webページをつくる

3章　文章を書く

4章　文字を強調する、装飾する

5章　リンクを設定する

6章　リストやメニューをつくる

7章　画像を表示する

8章　画像、音声、動画を埋め込む

9章　表をつくる

10章　フォームをつくる

11章　ボックスを使って見た目を変える

12章　レイアウトやデザインを変える

13章　段組や複数カラムのレイアウトをつくる

14章　パソコン以外でも見やすい表示にする

15章　ソーシャルメディアや外部サイトと連携する

本書は、入門レベルの知識だけでは切り崩せない、実務ならではのコーディングの悩み・課題を、プロの視点で解説します。仕様書を読むだけでは得られない「現場の経験則」をもとに、状況や目的に応じた、知識の組み合わせ方・選択肢の選び取り方がわかります。

Ｗｅｂサイトのコードが読める・分かる。書式、ＨＴＭＬタグ、ＣＳＳプロパティーすべてを網羅した定番リファレンス。

本書では、業務でWebサイトをコーディングしていく人を対象として、必要なCSSの知識、CSS設計の基本、CSSを効率的に書くためのSassの基本を解説しました。後半はサンプルサイトのコーディングプロセスを通して、実践的な制作ノウハウを学びます。なるべく実際の案件に近い形でサンプルコードを作成し、 制作時に抑えておきたいポイントをまとめています。

サンプルサイトのデータは本書サポートサイトからダウンロード可能。