01HTMLとは

イラスト：the rocket gold star
ブラウザ上でテキストを編集する 表示を隠す 自動でスペルチェックする 翻訳させないようにする

02全体構造

イラスト：the rocket gold star
基本のHTMLファイルを作る Column　オフライン時にもブラウザ表示する ページタイトルをつける | HTML5＆CSS3ポケットリファレンス 文字エンコード方式を指定する 検索エンジン用に概要などを設定する スマートフォンの表示を設定する Column　記号やマークを表示する Column　ブラウザでは見えないコメントを入れる 見出しを作る 汎用的に使える要素(1) 汎用的に使える要素(2)

03セクション

イラスト：the rocket gold star
まとまりを記事として表す まとまりをテーマの区切りとして表す まとまりを補足部分として表す まとまりを主なリンクの集まりとして表す まとまりの最初の部分を表す まとまりの最後の部分を表す セクションの連絡先を入れる ページの主な内容を示す
ページの先頭へ戻る

04テキストの表示

イラスト：the rocket gold star
段落を表す 段落のテーマ区切りを入れる 改行を入れる 長い英字や数字の改行位置を表す 重要性や強調を表す 上付き文字・下付き文字にする 追加・削除箇所を表す テキストに適切な意味付けをする(1) テキストに適切な意味付けをする(2) 略語であることを表す 長い文章の引用を表す 短いテキストの引用を表す 改行やスペースをそのまま表示する ルビ（ふりがな）を表す 日時を表す ハイライト表示する 文字を書き進める方向をコントロールする

05リスト

イラスト：the rocket gold star
Overview（概要）リストの種類 順序なしリストを表す 順序付きリストを表す 順序付きリストの文頭の表示を変える 順序付きリストの最初の数字を指定する 文頭の番号が降順のリストを作る 名前と値の関連付けのリストを表す

06テーブル

イラスト：the rocket gold star
Overview 表組を作る要素のセット 表組の境界線を表示する 表組のデータセルを作る 表組のヘッダセルを作る 表組にタイトルをつける Column　表組を読み上げ環境でも利用可能にする 表組の縦方向のセルを結合する 表組の横方向のセルを結合する 表組の横列を3グループにまとめる 表組の縦列をまとめる
ページの先頭へ戻る

07リンク

イラスト：the rocket gold star
リンクを表す リンク先の表示ウインドウを指定する リンク先を新しいウインドウで開く ページ内の特定の場所にリンクする 別ページの特定の場所にリンクする メールアドレス用のリンクを表す 電話番号用のリンクを表す ファイルダウンロード用のリンクを表す 特定のキーにリンクを割り当てる リンク先の説明を示す 外部ファイルとの関係を表す タイトルバーのアイコンを設定する 閲覧環境ごとに読み込むCSSファイルを設定 リンクの基準となるURLを指定する

08イメージ＋その他オブジェクト

イラスト：the rocket gold star
画像を挿入する 画像が表示されないときのテキストを指定 ブラウザ上の画像サイズを指定 イメージ・ムービーなどを挿入する イメージ内に自由にリンクを設定する 説明文つきの写真などを表す 音楽を埋め込む ムービーを配置する 複数形式の音楽やムービーを用意する ムービー内に字幕を表示する Column　字幕を制作する

09フレーム

イラスト：the rocket gold star
別ページをページ内の一部に挿入する iframeページ - 別ページをページ内の一部に挿入する 要素をページ内の一部に挿入する インラインフレームのサイズを指定する iframeページ - インラインフレームのサイズを指定する インラインフレーム内のリンク表示先指定 iframeページ - インラインフレーム内のリンク表示先指定
ページの先頭へ戻る

10フォーム

イラスト：the rocket gold star
Overview（概要）フォームの構成と入力項目の種類 Overview（概要）フォームの構成と入力項目の種類 フォームの基本的な設定をする フォームからデータを送る時の形式を指定する 入力チェックをするかどうか指定する 1行のテキスト入力項目を作る 複数選択の項目（チェックボックス）を作る 単一選択の項目（ラジオボタン）を作る 入力内容が隠される入力欄を作る ファイルを選択する項目を作る 入力内容に応じた入力欄を作る(1) 入力内容に応じた入力欄を作る(2) 複数行のテキスト入力項目を作る ドロップダウンリストを作る ドロップダウンリスト内を一覧で表示する ドロップダウンリスト内をグループ化する リスト内をグループ化して一覧で表示する 非表示の項目を作る 入力内容をリセットするボタンを作る 入力内容を送信するボタンを作る 画像を用いた送信ボタンを作る 要素を組み合わせたボタンを作る フォーム部品の項目名を表す 複数のフォーム部品をまとめる 入力項目を自動補完する 送信時に入力されているかチェックを行う フォームデータの送信先が異なるボタンを作る 入力フォームを自由に配置する 入力例を表示する 数値の入力を制限する テキストの入力を制限する ページを開いてすぐに入力できるようにする テキストボックスで入力候補を表示する ある範囲内での測定値を表示する 進捗状況を表示する

12スタイルシートの設定パターン

イラスト：the rocket gold star
別ファイルのスタイルを読み込む ヘッダにスタイルを記述する 要素にスタイルを直接記述する 要素に定義済みのスタイルを適用する

13適用メディアの設定パターン（メディアクエリー）

イラスト：the rocket gold star
対象ユーザー環境をCSSファイル内に指定する
ページの先頭へ戻る

14スタイルシートの適用対象（セレクタ）

イラスト：the rocket gold star
全要素を指定する 指定のIDやクラスを持つ要素を指定する 特定の組み合わせの要素を指定する 特定の属性や属性値を持つ要素を指定する 属性セレクタの一覧表 ユーザー操作で変化する要素を指定する(1) ユーザー操作で変化する要素を指定する(2)の表 ユーザー操作で変化する要素を指定する(2) 特定の場所や順番で要素を指定する(1) 特定の場所や順番で要素を指定する(2)の表 特定の場所や順番で要素を指定する(2) 要素内の1行目や1文字目を指定する 要素の前後を指定する その他のセレクタを指定する Column Webサイトの統一感を保つ基本のスタイル

15フォント

イラスト：the rocket gold star
文字の表示フォントを指定する 文字の大きさを指定する 文字の大きさを指定する 文字の傾きを指定する 英文字のスモールキャップスを指定する 行の高さを指定する 文字スタイルを一括指定する 文字の色を指定する Web上のフォントを指定する

16テキスト

イラスト：the rocket gold star
英文字の大文字／小文字を指定する スペース・タブ・改行の扱いを指定する 単語内の改行を指定する 単語内の改行をハイフンでつなぐ指定をする 段落内のテキストの表示位置（揃え）を指定する 単語間の幅を指定する 文字間の幅を指定する 文章の1行目の字下げを指定する 文字の上下・中央の線を指定する 傍点の形を指定する 傍点の色を指定する 傍点の形と色を一括指定する 文字に影を表示する
ページの先頭へ戻る

17背景

イラスト：the rocket gold star
背景の色を指定する 背景画像を指定する 背景画像のくり返し方を指定する スクロール時の背景画像を固定表示する 背景画像の縦・横位置を指定する 背景画像が表示されるエリアを指定する 背景画像が表示される基準位置を指定する 背景画像の表示サイズを指定する 背景画像スタイルを一括指定する 直線的なグラデーションを表示する 円形のグラデーションを表示する 直線的なグラデーションを繰り返し表示する 円形グラデーションを繰り返し表示する

18ボーダー

イラスト：the rocket gold star
枠線の太さを指定する 枠線の種類を指定する 枠線の色を指定する 枠線スタイルを一括指定する 枠線の角丸を指定する 画像ボーダーのイメージを指定する 画像ボーダーの表示位置を指定する 画像ボーダーの太さを指定する 画像ボーダーの拡張を指定する 画像ボーダーの繰り返しを指定する 画像ボーダーのスタイルを一括指定する ボックスの影を表示する

19リスト

イラスト：the rocket gold star
リストマーカーの種類を指定する リストマーカーの画像を指定する リストマーカーの位置を指定する リストスタイルを一括指定する
ページの先頭へ戻る

20テーブル

イラスト：the rocket gold star
表組の縦列の幅を固定する 表組の枠線をセルごとに分離する となり合うセルとの枠線の間隔を指定する 値が入っていないセルを表示する 表組のタイトルの表示位置を指定する

21表示と配置

イラスト：the rocket gold star
ボックスの幅と高さを指定する ボックスの内側の余白を指定する ボックスの外側の余白を指定する ボックスの配置方法を指定する ボックスの配置位置を指定する ボックスの重ね順を指定する ボックスの回り込みを指定する ボックスの回り込み解除を指定する ボックスからあふれた部分の表示方法を指定する ボックスを切り抜く ボックスの種類を指定する 文字が並ぶ方向を指定する ボックスの表示・非表示を指定する 行内のテキストや要素の縦の揃えを指定する

22インターフェース

イラスト：the rocket gold star
輪郭線（アウトライン）の太さを指定する 輪郭線（アウトライン）の種類を指定する 輪郭線（アウトライン）の色を指定する 輪郭線（アウトライン）の内側の余白を指定する 輪郭線（アウトライン）スタイルを一括指定する 追加するコンテンツを指定する カーソルの種類を指定する カーソルの種類を指定する 枠の幅／高さのエリアを指定する 要素のサイズを変更できるようにする 領域を超えたテキストの処理を指定する
ページの先頭へ戻る

23カラム

イラスト：the rocket gold star
カラムの数を指定する カラムの幅を指定する カラムのスタイルを一括指定する カラムの間隔を指定する カラムの区切り線の色を指定する カラムの区切り線の種類を指定する カラムの区切り線の幅を指定する カラムの区切り線のスタイルを一括指定する

24トランスフォーム

イラスト：the rocket gold star
トランスフォームの種類を指定する トランスフォームの種類（フルバージョン）を指定する トランスフォームの3D化を指定する トランスフォームの種類（フルバージョン）を指定する トランスフォームの原点を指定する トランスフォームの種類を指定する 奥行きを指定する 奥行き（矢印背景付き）を指定する 奥行きの消失点を指定する 奥行きの消失点（矢印背景付き）を指定する 裏面の可視化を指定する

25トランジション

イラスト：the rocket gold star
トランジションの内容を指定する トランジションの時間を指定する トランジションの変更具合を指定する トランジションの開始タイミングを指定する トランジションを一括指定する
ページの先頭へ戻る