今すぐ使えるかんたん Ex HTML&CSS 逆引き事典

HTML と CSS の使い方を、目的引き、やりたいこと引きでまとめたリファレンスです。HTML & CSS の基本から、テキスト、リンク、リストやメニュー、入力フォーム、レイアウト、レスポンシブ対応など、目的ごとにタグやプロパティの使い方を詳しく解説しているので、「こんなことをしたい!」というときにすぐに調べられます。現在ホームページ制作を学んでいる方にも、Web デザイナーとして活躍している方にもおすすめの 1 冊です。
1 章 HTML と CSS のしくみ
2 章 Web ページをつくる
3 章 文章を書く
4 章 文字を強調する、装飾する
5 章 リンクを設定する
6 章 リストやメニューをつくる
7 章 画像を表示する
8 章 画像、音声、動画を埋め込む
9 章 表をつくる
10 章 フォームをつくる
11 章 ボックスを使って見た目を変える
12 章 レイアウトやデザインを変える
13 章 段組や複数カラムのレイアウトをつくる
14 章 パソコン以外でも見やすい表示にする
15 章 ソーシャルメディアや外部サイトと連携する

『今すぐ使えるかんたん Ex HTML&CSS 逆引き事典』 (大藤幹 著、技術評論社、2020 年 4 月 20 日発売) は、HTML と CSS の使い方を、目的引き、やりたいこと引きでまとめたリファレンスです。今すぐ使えるかんたん Ex シリーズの 1 冊で、版元の紹介は、HTML と CSS の基本から、テキスト、リンク、リストやメニュー、入力フォーム、レイアウト、レスポンシブ対応まで、目的ごとにタグやプロパティの使い方を解説しているので、「こんなことをしたい!」というときにすぐに調べられると案内しています。

全 15 章の構成、HTML と CSS のしくみから外部サイトとの連携まで

目次は、第 1 章「HTML と CSS のしくみ」から第 15 章「ソーシャルメディアや外部サイトと連携する」までの全 15 章です。その間には、第 2 章「Web ページをつくる」、第 3 章「文章を書く」、第 4 章「文字を強調する、装飾する」、第 5 章「リンクを設定する」、第 6 章「リストやメニューをつくる」、第 7 章「画像を表示する」、第 8 章「画像、音声、動画を埋め込む」、第 9 章「表をつくる」、第 10 章「フォームをつくる」が並びます。後半は、第 11 章「ボックスを使って見た目を変える」、第 12 章「レイアウトやデザインを変える」、第 13 章「段組や複数カラムのレイアウトをつくる」、第 14 章「パソコン以外でも見やすい表示にする」と続きます。

HTML の構造と CSS の見た目、レスポンシブ対応の背景

HTML は、見出しや段落、リスト、表、フォームといった文書の構造をタグで記述する言語で、CSS は、その要素の文字の大きさや色、余白、配置といった見た目を、プロパティと値の組で指定する言語です。構造と見た目を分けて書くことで、同じ HTML に別の CSS を当てて表示を変えられます。CSS では、要素を内容、内側の余白、枠線、外側の余白からなる四角い箱として扱い、この箱を並べたり重ねたりしてページのレイアウトを組み立てます。レスポンシブデザイン は、画面の幅に応じてレイアウトを切り替え、スマートフォンやタブレットでも読みやすく表示する手法で、CSS のメディアクエリで画面の幅ごとに別の指定を当てる方法が使われます。

目的から引く逆引きの形と、版元が挙げる読者

逆引きの事典は、タグやプロパティの名前から引くリファレンスとは逆に、実現したい表示や機能のほうから該当する書き方を探す形の本です。版元は、こんな方にオススメとして「ホームページ制作を勉強中の方、Web デザイナー、Web サイト構築などに携わる方」を挙げており、紹介文でもホームページ制作を学んでいる方と、Web デザイナーとして活躍している方の両方に向けた 1 冊としています。

刊行時の版元ドットコムの著者紹介では、大藤幹は 1 級ウェブデザイン技能士で、ウェブコンテンツ JIS (JIS X 8341-3) ワーキング・グループ主査 (途中辞退)、情報通信アクセス協議会 / ウェブアクセシビリティ作業部会委員、ウェブデザイン技能検定特別委員、技能五輪全国大会ウェブデザイン職種競技委員などを務め、Web デザインに関連する書籍の執筆と、全国各地での講演やセミナーの講師をしています。本書は、HTML と CSS のしくみから、テキスト、リンク、リストやメニュー、画像や音声と動画、表、フォーム、レイアウト、パソコン以外での表示、ソーシャルメディアや外部サイトとの連携までを、全 15 章の逆引き事典に収めています。