目次

• 本書の進め方
• ダウンロード練習ファイルについて

INTRODUCTION

• 0-1　Webページが表示される仕組み
• 0-2　HTMLとCSSとJavaScriptの立ち位置
• 0-3　開発環境の準備
• 0-4　タグの基礎知識
• COLUMN　誰もがアクセスできるWebメディアの特性

CHAPTER 1　HTMLの全体構造と基本ルールを知ろう

• このチャプターのゴール
• 1-1　HTMLの基本構造の要素
• 1-2　HTMLの属性
• 1-3　HTMLのバージョンとDOCTYPE
• 1-4　文字エンコーディングと文字化け
• 1-5　要素の配置ルールとカテゴリ
• 章末練習問題
• COLUMN　CodeHeroでタグを調べてみよう

CHAPTER 2　テキストやリストをマークアップしよう

• このチャプターのゴール
• 2-1　見出しを表す
• 2-2　段落を表す
• 2-3　特殊な記述が必要な文字
• 2-4　改行を表す
• 2-5　強調を表す
• 2-6　重要性を表す
• 2-7　サイドコメント
• 2-8　日時
• 2-9　箇条書き
• 2-10　説明リスト
• 章末練習問題
• COLUMN　Webサイト制作の仕事とは？

CHAPTER 3　リンクやコンテンツを埋め込もう

• このチャプターのゴール
• 3-1　リンクを設定する
• 3-2　URLの指定方法
• 3-3　ページ内リンク
• 3-4　画像を埋め込む
• 3-5　動画を埋め込む
• 3-6　外部のコンテンツを埋め込む
• 3-7　本文から切り離せる図や写真
• 章末練習問題
• COLUMN　勉強のモチベーション

CHAPTER 4　表とフォームを作ろう

• このチャプターのゴール
• 4-1　表（テーブル）を作る
• 4-2　表の構造を明確化する
• 4-3　フォームとコントロール部品
• 4-4　複数行の入力フィールド
• 4-5　選択式メニュー
• 4-6　コントロール部品のラベル
• 章末練習問題
• COLUMN　フォームのユーザ体験の向上

CHAPTER 5　セクションとページ構造を整理しよう

• このチャプターのゴール
• 5-1　セクショニングに関する要素
• 5-2　アウトラインを意識する
• COLUMN　かつてのセクショニング・コンテンツ
• COLUMN　かつて存在していた「セクショニング・ルート」カテゴリ
• 5-3　ページやセクションの基本構造を示す
• 5-4　連絡先情報
• COLUMN　汎用的な要素
• 章末練習問題
• COLUMN　HTMLにメモを残す

CHAPTER 6　よりよいページにしよう

• このチャプターのゴール
• 6-1　ページの紹介文を設定する
• 6-2　SNSの共有情報を設定する
• 6-3　ファビコンを設定する
• 6-4　URLを正規化する
• 6-5　検索エンジンのクローラーを制御する
• 6-6　構文をチェックする
• 章末練習問題
• COLUMN　自走する力

PRACTICE　ページをまるごとマークアップしよう！

• 7-1　架空のお店のWebページをマークアップしてみよう！
• 7-2　解答例を確認しよう

付録

• カテゴリ一覧表
• グローバル属性一覧表