【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の最新技術を学びたい人

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章　ソーシャルメディアや外部サイトと連携する

フロントエンド開発の範囲は広く、習得すべき技術は多種多様です。

HTML・CSS・JavaScriptはフロントエンドエンジニアにとって共通言語ではあるものの、Webサイトを制作するのか、Webアプリケーションを開発するのか、その違いによって採用すべき技術は全く異なります。それは、Webの多様性に対して技術的な正解がひとつではないことを示しています。

本書はフロントエンドの技術を俯瞰し、「エンジニアが共通して知っておくべき技術はなにか」、「（多種多様なエンジニアにとって）どの分野にフォーカスしてスキルアップを目指すべきか」を示すことを目的としています。開発現場でのワークフローを疑似体験したり、各種技術の概要とコードに触れることで理解の促進を目指します。

「フロントエンド技術は移り変わりが激しい」と言われてきました。

しかし、その状況は変わりつつあります。2010年代はHTML5やECMAScript 2015の過渡期にあり、フロントエンドの技術は大きく変化しました。現在は、ツールやフレームワークの変化はあれど、開発における基本的な考え方はそれほど変化していません。成熟したフロントエンドの技術を、本書を通してこのタイミングでキャッチアップしてほしいと考えています。

また、「未経験のエンジニアにとって、フロントエンド業界に入ったときに学んでほしいこと」をこの一冊で網羅できることを筆者は裏テーマとして設定しました。初心者の方も、すでに業界で取り組んでいるエンジニアの方にとっても、知識のボトムアップに繋がる一冊を目指します。

Ｗｅｂサイトを分解→組み立て！本格的なＷｅｂ制作を追体験して、脱初心者を目指そう。タグやプロパティは覚えたけれど、いざコードを書こうとすると、つい手が止まってしまう…。もしあなたがこんな悩みをお持ちなら、本書はぴったりの一冊です。本書は、モックアップをもとに、サイトの構成要素をブロック単位に分解し、ひとつずつコーディングして組み立てるという本格的なＷｅｂ制作さながらのプロセスをハンズオン形式で実践学習します。

ＨＴＭＬ＆ＣＳＳの使い方が全部わかる。プロを目指すなら、最初に選ぶ本！

予測しやすい、保守しやすい、最利用しやすい、拡張しやすいーコンポーネントやＣＳＳプリプロセッサを意識した設計・管理の実践など、「ちゃんとＣＳＳを書く」ためのプロの考え方を徹底解説！