詳解HTML&CSS&JavaScript辞典 第4版

概 要

標準的なウェブページ作成に必要なHTML、CSS、JavaScriptという膨大な体系を一冊にまとめた、わかりやすく使いやすいリファレンスの第4版です。Web標準やCSSレイアウトが一般的なものとなってから数年が経過し、ブラウザも大きく世代交代しました。特に古いブラウザが減ったことでCSSレイアウトは容易なものとなってきています。本書では、HTML、CSS、JavaScriptでやりたいことが目的別にすぐ引ける、構文や実行結果が見てわかるだけでなく、Internet Explorer8/7/6、Firefox 3/2、Google Chrome 1、Opera9、Safari3などの最新ブラウザへの対応状況も掲載。豊富なサンプルをダウンロードして試すこともできます。

著者 大藤幹、半場方人
価格 本体2000円(税別)
ISBN 978-4-7980-2290-1
発売日 2009/6/12
判型 A5
色数 4色
ページ数 640
CD/DVD
対象読者 初級
シリーズ 詳解辞典
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

※リンク先によっては、販売ページが用意されていないことがあります。あらかじめご了承ください。

新しいウィンドウで開く 書籍購入のご案内

サポート

サポート情報は以下からご参照下さい。

サポート情報へのリンク

目次

HTML

HTMLについて

HTMLとは?

要素と属性

ブロックレベル要素とインライン要素

色の指定方法

ファイルの位置指定 - 絶対URLと相対URL -

iモード対応のホームページ作成

基本的な内容

HTMLのバージョンを示す DOCTYPE

最低限必要な要素 html, head, title, body

全体の文字色を設定する body text

全体の背景色を設定する body bgcolor

全体の背景画像を設定する body background

目的に応じて範囲を設定する div, span

コメントを入れる <!--

文書情報

タイトルを付ける title

文字コードを示す meta charset

キーワード・内容の紹介・制作者名を入れる meta name

スタイルシートやスクリプトの言語を示す meta Content-Style-Type

関連する他のページを示す link rel, rev

基準URLを設定する base

自動的にページを読み込む refresh

テキストの種類

見出しを表す h1, h2, h3, h4, h5, h6

段落を表す p

連絡先を示す address

強調する em, strong

短い引用文を表す q

長い引用文を表す blockquote

出典(参照先)を表す cite

略語を表す abbr, acronym

追加したことを示す ins

削除したことを示す del

定義対象の用語であることを示す dfn

プログラム関連のテキストを表す kbd, samp, code, var

ルビをふる ruby, rb, rt, rp

特別な文字を表示させる < > " &

スタイルとレイアウト

改行させる br

横罫線を入れる hr

テキストのスタイルを指定する b, i, tt, sup, sub, u, s, strike

空白や改行をそのまま表示させる pre

センタリングする center

行揃えを指定する align

文字色を指定する font color

フォントの種類を指定する font face

フォントサイズを指定する font size

フォントサイズを相対的に変える big, small, font size

フォントの基本サイズを指定する basefont size

リンク

他のページにリンクする a href

同じページの特定の位置にリンクする a href, a name

他のページの特定の位置にリンクする a href, a name

リンク部分の文字色を設定する link, vlink, alink

リンク先を別のウィンドウに表示する target

リンクでメールソフトを起動する mailto

リスト

マーク付きのリストを作る ul, li

リストのマークを変える ul type, li type

番号付きのリストを作る ol

番号の形式を変える ol type, li type

番号の順序を変更する ol start, li value

用語と説明のリストを作る dl, dt, dd

テーブル

表の基本形 table, tr, th, td

表にタイトルを付ける caption

表の大きさを指定する table width

セルの大きさを指定する th width, td width

セルを連結する th, td, rowspan, colspan

セルとセルの間隔を指定する cellspacing

セルの枠と内容の間隔を指定する cellpadding

セル内での行揃えと縦方向の位置を指定する align, valign

セル内での改行を禁止する th, td, nowrap

表やセルの背景色を指定する table bgcolor

表やセルの背景画像を指定する table background

表の外枠の太さを指定する table border

表の外枠の表示形式を指定する table frame

表内の枠線の表示形式を指定する table rules

横列をグループ化する thead, tbody, tfoot

縦列をグループ化する colgroup

縦列に属性やスタイルシートを指定する col span

表をセンタリングする table align center

表にテキストを回り込ませる table align

表への回り込みを解除する br clear

表と回り込ませたテキストの間隔を指定する table vspace hspace

画像とマルチメディア

画像を配置する img

画像の外枠を設定する img border

画像とテキストの縦の位置関係を設定する img align

イメージマップを作成する img usemap, map, area

画像にテキストを回り込ませる img align

画像への回り込みを解除する br clear

画像と回り込ませたテキストの間隔を指定する img vspace hspace

さまざまな形式のデータを配置する object

プラグインを利用するデータを配置する embed, noembed

JAVAアプレットを配置する applet, param

フォーム

フォームを作る form

送信ボタンを作る submit

リセットボタンを作る reset

汎用的なボタンを作る button

画像で送信ボタンを作る input image

自由にデザインできるボタンを作る button

1行の入力フィールドを作る input

複数行の入力フィールドを作る textarea

パスワードの入力フィールドを作る password

表示されないフィールドを作る hidden

ラジオボタンを作る radio

チェックボックスを作る checkbox

メニューを作る select

メニューの選択肢をグループ化する optgroup

リストボックスを作る select

ファイル選択の機能を付ける file accept

項目をグループ化する fieldset, legend

ラベルテキストと項目を一体化させる label

フォームの内容がメールで届くようにする form mailto

フレーム

フレームの全体構造を指定する frameset

フレームの表示方法を設定する scrolling, marginwidth, marginheight

フレームを区切る枠の表示・非表示を設定する frameborder

フレームを区切る枠を完全に消す frameborder

フレームが表示されない環境用の内容を入れる noframes

リンク先をどのフレームに表示するかを指定する target

インラインフレームを配置する iframe

スクリプト

HTMLにスクリプトを組み込む script

スクリプトが実行されない環境用の内容を入れる noscript

リファレンス

HTML4.01全要素・属性一覧

HTML4.01対応状況一覧

iモード端末で利用できる要素・属性一覧

HTML4.01で定義されている特別な文字

CSS

CSSについて

スタイルシートについて

基本的な書き方

単位について

色の指定方法

ボックスについて

スタイルの優先順位

CSSの組み込み

CSSの書かれたファイルを読み込む link rel stylesheet

style要素の内容として組み込む style

任意の要素にstyle属性の値として組み込む style=

CSSを適用する対象

特定の要素に適用させる { }

複数の要素に適用させる , , , { }

すべての要素に適用させる * { }

IDやクラスを指定した要素に適用させる #myid, .myclass

リンク部分に適用させる link, visited, hover, active

1行目に適用させる first-line

1文字目に適用させる first-letter

特定の要素に含まれる要素に適用させる { ~ }

フォント

文字色を指定する color

フォントを指定する font-family

フォントサイズを指定する font-size

フォントの太さを指定する font-weight

フォントスタイルを指定する font-style, text-decoration

フォント関係をまとめて指定する font

テキスト

行間を設定する line-height

行揃えを指定する text-align

縦方向の位置を指定する vertical-align

文字間隔・単語間隔を設定する letter-spacing, word-spacing

1行目のインデントを設定する text-indent

空白や改行をそのまま表示させる white-space:pre

改行しないで表示させる white-space:nowrap

全体を大文字または小文字で表示させる text-transform

背景

背景色を指定する background-color

背景画像を指定する background-image:url()

背景画像の並び方を指定する background-repeat

背景画像の表示位置を指定する background-position

背景画像を固定する background-attachment

背景関係をまとめて指定する background

ボックス

マージンを設定する margin

内容の周りの空間を設定する padding

枠線の太さを指定する border-width

枠線の色を指定する border-color

枠線の形式を指定する border-style

枠線をまとめて指定する border

幅と高さを指定する width, height

表示と配置

左右への配置と回り込みを指定する float

回り込みを解除する clear

センタリングする margin auto

絶対的な位置に配置する position:absolute

相対的な位置に配置する position:relative

絶対的な位置に固定配置する position:fixed

重なる順序を指定する z-index

表示されないようにする display:none, visibility:hidden

はみ出る部分の処理方法を指定する overflow

リスト

リストのマークや番号の形式を変える list-style-type

リストのマークを画像にする list-style-image:url()

リストのマークを内側に表示させる list-style-position

リストのマークをまとめて指定する list-style

テーブル

表の枠線を単一の線にする border-collapse

セルとセルの間隔を指定する border-spacing

表のタイトルを下に表示させる caption-side

空のセルの枠線の表示・非表示を設定する empty-cells

その他

カーソルの形を指定する cursor

印刷時の改ページを指定する page-break-before, page-break-after

要素の前後にテキストや画像を入れる before after content

引用符として使用する記号を設定する q, quotes, open-quote

コメントを入れる /**/

リファレンス

CSS2全プロパティ一覧

CSS2対応状況一覧

JavaScript

JavaScriptについて

JavaScriptとは?

JavaScriptの記述法

オブジェクト・プロパティ・メソッド

イベントハンドラ

eventオブジェクトによるイベントの取得

JavaScriptで取り扱える型の種類

関数

ビルトイン関数

変数・定数

オブジェクト・関数・変数などに設定可能な名前

演算子

JavaScriptの命令文(ステートメント)

ナビゲータオブジェクト

navigatorオブジェクト

ブラウザ名を取得する

ブラウザのコード名を取得する

ブラウザのバージョンを取得する

ブラウザのユーザーエージェントを取得する

プラットフォームのタイプを取得する

ブラウザの判別をする

Javaが使えるかどうか判断する

使用可能なMIMEのタイプを取得する

使用可能なプラグインを取得する

プラグインがインストールされているかチェックする

screenオブジェクト

ディスプレイのサイズを取得する

ディスプレイの表示情報を取得する

eventオブジェクト

イベントのタイプを取得する

どこでイベントが発生したかを取得する - Firefox -

どこでイベントが発生したかを取得する - Internet Explorer -

どのキーが押されたかを取得する

どのキーが押されたかを取得する - Firefox -

ウィンドウのサイズを固定する

警告用のダイアログボックスを開く

確認ボタン付きのダイアログボックスを開く

入力欄付きのダイアログボックスを開く

windowオブジェクト

新しいウィンドウを開く

ウィンドウを閉じる

ページを抜ける時に新しいウィンドウを開く

開いたウィンドウから元のウィンドウを操作する

ウィンドウを前に出す

ウィンドウを後ろに回す

ウィンドウの外周・内周を取得する

ブラウザを指定した位置へ移動する

ブラウザを指定した分量ずつ移動する

ブラウザの大きさを指定してリサイズする

ブラウザを指定した分量ずつリサイズする

ブラウザの表示領域を指定した位置までスクロールする

ブラウザの表示領域を指定した分量ずつスクロールする

ステータス行にメッセージを表示する

ステータス行に文字を流す

ページがロードされた時にステータス行に挨拶を表示する

ウィンドウ内の文字を検索する

ブラウザを制御するボタンを作る

frameオブジェクト

入力されたURLを別フレームに表示する

複数のフレームを同時に変更する - ボタンを使う -

複数のフレームを同時に変更する - リンクを使う -

開いたウィンドウから元のウィンドウのフレームを操作する

documentオブジェクト

文字を書き出す

改行付きで文字を書き出す

ドキュメントの情報を取得する

ファイルの更新日時を取得する

開いたウィンドウに文字を記述する

ドキュメントや画像を後から開く

テキストやリンクの色を指定する

背景色を変えるボタンを作る

選択した文字を返す

historyオブジェクト

戻るボタンを作る

進むボタンを作る

複数ページを戻ったり進んだりするボタンを作る

locationオブジェクト

自ページのURLを取得する

入力されたURLへ進むフォームを作る

ページのロードが完了してから次のページをロードする

JavaScript対応ページと未対応ページを振り分ける

アンカーを設定する

リロードボタンを作る

元のページへ戻れないようにする

Linkオブジェクト・Anchorオブジェクト

リンクのURLの情報を表示する

リンクをボタンのように使う - 1 -

リンクをボタンのように使う - 2 -

Formオブジェクト

ラジオボタンをリンクに使う

ボタンをリンクに使う

メニューをリンクに使う

フォームに文字を流す

チェックボックスの値を変更する

チェックボックスのチェックを変更する

ラジオボタンの値を変更する

ラジオボタンのチェックを変更する

フォームの内容変更をチェックする

フォームの内容をチェックする

隠しテキストフォームの値を変更する

フォームからの送信にメモを付ける

メール送信時に挨拶を表示する

パスワードを入力する

パスワードフォームの値を変更する

リセットしてもいいか確認する

アップロードするファイルを選ぶ

フォームの内容を後から変える

フォームのタイプを調べる

Areaオブジェクト

エリアマップ内のリンクのURL情報を表示する

イメージマップをリンク以外の機能で使う

Imageオブジェクト

画像の情報を取得する

画像をアニメーションする

アニメーションにスタートボタンとストップボタンを付ける

画像に触ったりクリックした時に画像を変化させる

画像に触ったりクリックした時に画像を変化させる - オブジェクト名を使う -

画像に触った時に別の画像を変化させる

画像に触った時に別の画像を変化させる - オブジェクト名を使う -

別フレームの画像を変化させる

画像のロード状態を表示する

画像をリロードするかどうか確認する

ビルトインオブジェクト・他

Dateオブジェクト

年・月・日・時・分・秒を表示する

午前午後を表示する

曜日を表示する

国際標準時やローカルタイムを表示する

日時を後から変更する

年・月・日・時・分・秒を設定する

西暦を4桁で表示する

4桁の西暦を設定する

ミリセコンドを表示する

ミリセコンドを設定する

UTCを表示する

UTCを設定する

日付をカウントダウンする

時間ごとに違ったメッセージを表示する

Objectオブジェクト

新しいオブジェクトを作る - 1 -

新しいオブジェクトを作る - 2 -

プロパティを監視する

Booleanオブジェクト

真(true)か偽(false)の値を設定する

Numberオブジェクト

数値を作成する

使用可能な数値の範囲を調べる

複数のオブジェクトで使用できるプロパティ・メソッド

オブジェクト(配列)の数を取得する

オブジェクトに名前を付ける

新たにプロパティを作成する

オブジェクトを文字列に変える

n進数に変換する

オブジェクト内の値を返す

オブジェクト内の値を文字列にする

一定時間ごとに処理を繰り返す

DynamicHTML

DOMのプロパティ

要素内にHTML形式でコンテンツを書き出す

DOMのメソッド

id属性を使って要素を指定する

name属性を使って要素を指定する

属性の値を返す

属性の値を変更する

body要素

背景画像を変更する

リンクの色を変更する

テキストの色を変えるボタンを作る

style要素

スタイルシートの情報を取得する

子スタイルシートの情報を取得する

フォントの太さを変更する

フォントの色を変更する

文字サイズを変更する

スタイルシートの背景色を変更する

スタイルシートの重なりを変更する

クリックした位置へスタイルシートを移動する

マウスの移動に合わせてスタイルシートを移動する

Reference

リファレンス

JavaScriptで取り扱える値の種類

演算子

JavaScriptの命令文(ステートメント)

イベントハンドラ(JavaScript 1.0/1.1)

イベントタイプ

ナビゲータオブジェクト

ビルトインオブジェクト

Top-Levelプロパティ

ビルトイン関数(top-level関数)

付録

Webサイズチャート

カラーチャート1:HTML4.01で名前が定義されている色

Web Safeカラーについて

カラーチャート2:Web Safeカラー

カラーチャート3:Color Name

フォント表示見本

ホームページ作成関連リンク

参考書籍

索引

HTML索引

CSS索引

JavaScript索引

用語索引

PR

秀和システム