武器になるHTML
https://gihyo.jp/assets/images/cover/2022/thumb/TH160_9784297131326.jpg
目次
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 解答例を確認しよう
付録
カテゴリ一覧表
グローバル属性一覧表