検索 - みる会図書館

検索対象: HTML+CSS Handbook 2nd Edition

HTML+CSS Handbook 2nd Editionから 418件ヒットしました。

HTML+CSS Handbook 2nd Edition


HTML + CSS Handbook 2nd Edition http://isbn.sbpnet.jP/24104 / 本 書 を お 読 み い た だ い た ご 感 想 、 ご 意 見 を 上 記 URL に お 寄 せ く だ さ い 。 ア ン ケ ー ト に お 答 え い た だ い た 方 に は 抽 選 で 毎 月 川 名 様 に 粗 品 を お 贈 り い た し ま す 。 な お 、 掲 示 期 限 を 超 過 し た ア ン ケ ー ト は 表 示 さ れ な い 場 合 が あ り ま す の で 、 あ ら か じ め ご 了 承 く だ さ い 。 本 書 に 関 す る 正 誤 情 報 な ど 、 本 書 に 関 す る 情 報 も 掲 載 予 定 で す の で 、 あ わ せ て ご 利 用 く だ さ い 。 URL 工 イ チ テ ィ エ ム エ ル プ ラ ス シ ー エ ス エ ス ハ ン ド ブ ッ ク セ カ ン ド エ デ ィ シ ョ ン HTML 十 CSS Handbook 2nd Edition 2003 年 9 月 5 日 初 版 発 行 す い つ ひ ろ ゆ き ・ ・ 稲 葉 俊 夫 い し い あ ゆ む ・ ・ 水 津 弘 幸 ・ 石 井 歩 ・ C & R 研 究 所 シ ー ア ン ド ア ー ル け ん き ゅ う し よ 著 者 ・ 発 行 者 ・ 発 行 所 ・ 組 版 ・ 印 刷 ・ ・ ソ フ ト バ ン ク パ プ リ ッ シ ン グ 株 式 会 社 編 集 03 ( 5549 ) 1146 電 話 販 売 03 ( 5549 ) 1200 〒 107-0052 東 京 都 港 区 赤 坂 4-13-13 ・ ・ ク ニ メ デ ィ ア 株 式 会 社 デ ザ イ ン ・ 阿 部 岳 (www.gakudesign.com/ 乱 丁 本 ・ 落 丁 本 は 小 社 販 売 局 に て お 取 り 替 え い た し ま す 。 定 価 は カ バ ー に 記 載 さ れ て お り ま す 。 本 書 内 容 に 関 す る ご 質 問 な ど は 、 ご 面 倒 で も 小 社 第 3 編 集 部 ま で 、 必 ず 書 面 に て ご 連 絡 く だ さ い ま す よ う に お 願 い い た し ま す 。 Printed in Japan ISBN4-7973-2410-4

HTML+CSS Handbook 2nd Edition


は じ め に 前 著 「 HTML + CSS Handb00k 」 か 発 刊 さ れ て か ら 、 1 年 半 が 経 過 し ま し た 。 お か げ さ ま で 好 評 を い た だ き 、 今 回 、 改 訂 す る 機 会 を い た だ き ま し た 。 「 HTML + CSS Handbook 」 は 、 Web ペ ー ジ を 「 ど う 見 せ る か 」 、 「 ど う オ リ ジ ナ リ テ ィ を 表 現 す る か 」 と い う 点 に こ だ わ り を 持 つ 人 の た め に 、 HTML と CSS に 関 す る 知 識 と 実 質 的 な ノ ウ ハ ウ を 辞 典 形 式 で ま と め る こ と を コ ン セ プ ト に 作 成 し ま し た が 、 今 回 の 改 訂 で は 以 下 の 点 を 強 化 し て あ り ま す 。 ・ 全 面 改 定 特 に HTML の バ ー ト は 項 目 の 切 り 直 し を 行 い 、 す べ て を 新 し く 書 き 起 こ し ま し た 。 ま た CSS の バ ー ト も サ ン プ ル を 新 し く す る と と も に 、 よ り 詳 し い 情 報 を 全 面 ・ リ フ ァ レ ン ス の 充 実 動 作 検 証 を 追 加 し ま し た 。 前 作 の 発 売 後 に リ リ ー ス さ れ た Nets ( ape 7.0 、 7.1 、 お よ び Safari に 関 す る ・ 最 新 プ ラ ウ ザ 対 応 に わ た っ て 追 加 し ま し た 。 著 者 一 同 2003 年 8 月 の Web ペ ー ジ 制 作 に 少 し で も 役 立 っ こ と を 願 っ て や み ま せ ん 。 が 、 情 報 の 充 実 度 は 格 段 に ア ッ プ し て い る と 自 負 し て お り ま す 。 本 書 が 、 あ な た リ ュ ー ム ア ッ プ と な っ て い ま す 。 そ の せ い で コ ン バ ク ト 性 は 多 少 損 な わ れ ま し た こ れ ら の 変 更 を 行 っ た 結 果 、 総 ペ ー ジ で 640 、 前 作 と 比 べ る と 120 ペ ー ジ の ボ り る か も し れ ま せ ん 。 り ま す 。 あ る 程 度 、 知 識 の あ る 人 な ら 、 本 文 を 読 ま な く て も 、 こ れ だ け で 用 が 足 と CSS 属 性 の 機 能 だ け を 一 覧 に し た タ グ ・ 属 性 リ フ ァ レ ン ス を 巻 末 に 掲 載 し て あ か る よ う に 相 互 リ フ ァ レ ン ス を 追 加 し ま し た 。 そ し て も う 1 つ 、 <HTML> タ グ HTML の 属 性 の 中 で 、 CSS に よ っ て 代 用 、 も し く は 拡 張 で き る も の が 一 目 で わ

HTML+CSS Handbook 2nd Edition


リ ン ク の 文 字 列 の 色 を 指 定 す る Ⅷ ( 引 肉 a:link a:hover a:active a:visited 1 ロ -3 0 S E ロ T ー ロ N 1 ロ : ロ T H E R K N ロ W L E D G E T E X T く A > タ グ の 疑 似 ク ラ ス に ス タ イ ル シ ー ト を 適 用 す る と 、 リ ン ク の 状 態 に 応 じ て 色 や 背 景 色 な ど を 変 化 さ せ る こ と が で き ま す 。 使 用 で き る 疑 似 ク ラ ス に は ⅱ n k 、 h ov e r 、 active 、 visited の 4 種 類 が あ り 、 未 訪 問 や 、 マ ウ ス カ ー ソ ル が 乗 っ た 状 態 と い う よ う に 細 か な 状 態 を 意 味 し 、 そ れ そ れ の タ イ ミ ン グ に ス タ イ ル シ ー ト を 設 定 す る こ と が で き ま す 。 た だ し 、 プ ロ ー ド バ ン ド が 普 及 し て い る 現 在 で は 、 a ( t ⅳ e を 設 定 す る 必 要 は あ ま り な い で し よ う 。 F ロ N T L 一 S T BA C K G R ロ LJ N D ノ ー ト パ ソ コ ン 一 Microsoft lnternet Explorer 回 区 フ ァ イ ル ( E ) 編 集 ( 日 表 示 お 気 に 入 り ( 合 ) ツ ー ル ヘ ル プ ( 旦 ) B ロ X ノ ー ト パ ソ コ ン OOMPAQ Fu iitsu 旧 M SOMY T 〔 6 印 日 A Åpple NEC Pa「日9 コ niC SHARP 通 常 の リ ン ク 訪 問 済 み の リ ン ク P ロ S ITI ロ N メ 、 つ ト ッ フ 尸 、 ・ ノ コ ・ ノ ハ T A B 「 E 、 」 イ ン ト ラ ネ ッ ト マ ウ ス カ ー ソ ル が 重 な っ た リ ン ク 」 file:///Y:/HTML + CSS 2nd/css other/10 ー 0 F 一 「 T E R ロ T 工 E R 554

HTML+CSS Handbook 2nd Edition


■ HTML を 補 完 す る 機 能 HTML を 補 完 す る 機 能 と し て 、 ス タ イ ル シ ー ト や 」 avas ( ript な ど が あ り ま す 。 現 在 で は 、 ど ち ら も Web ペ ー ジ を 作 成 す る う え で 欠 か せ な い 機 能 に な っ て き て い ま す 。 ■ ス タ イ ル シ ー ト HTML 4.01 で は 、 見 栄 え に 関 す る 設 定 は ス タ イ ル シ ー ト を 利 用 す る の が 基 本 で す 。 ス タ イ ル シ ー ト の 記 述 に は 、 W3C が 制 定 ・ 公 開 し て い る [CSS(Cascading style Sheets) 」 を 使 用 し ま す 。 ( SS で は フ ォ ン ト ・ 色 と 背 景 ・ テ キ ス ト ・ ボ ッ ク ス な ど の 属 性 を 指 定 す る こ と が で き ま す 。 詳 し く は 、 ( SS の 第 1 セ ク シ ョ ン を 参 照 し て く だ さ い 。 EJavaScript(ECMAScript) 」 avaScript は 、 HTML 文 書 内 に 記 述 す る ス ク リ プ ト 言 語 で す 。 HTML 文 書 を 読 み 込 ん だ ブ ラ ウ ザ は 、 」 avaS ( ript 部 分 を ス ク リ プ ト と し て 認 識 し 、 実 行 し ま す 。 こ の 」 ava S ( ript を 利 用 す る と 、 Web ブ ラ ウ ザ 上 で フ ォ ー ム に 入 力 し た 値 を チ ェ ッ ク し た り 、 時 刻 を 表 示 し た り 、 ゲ ー ム を 行 う な ど 、 さ ま ざ ま な こ と が で き ま す 。 」 avaScript は 、 Netscape Communications 社 が Netscape Navigator 用 に 開 発 し た LiveS ( ript が べ ー ス に な っ て い ま す が 、 そ の 後 の Netscape Navigator の 普 及 に よ り 、 事 実 上 の 標 準 規 格 と な り 、 他 社 製 の ブ ラ ウ ザ で も 採 用 さ れ ま し た 。 た だ 、 Microsoft 社 の lnternet ExpIorer で は 、 」 avaS ( ript と は 微 妙 に 異 な る 」 S ( ript と い う 互 換 言 語 が 採 用 さ れ た た め 、 ス ク リ プ ト の 内 容 に よ っ て は 、 Web ペ ー ジ が 利 用 で き な い 問 題 が 発 生 し ま し た 。 そ の た め 、 ECMA(European Computer Manufacturer Association : 欧 州 電 子 計 算 機 工 業 会 ) で は 、 」 Script の 機 能 も 取 り 込 ん だ 」 avaScript の 標 準 規 格 「 ECMA Script 」 を 制 定 ・ 公 開 し て い ま す 。 ま た 、 現 在 で は 多 く の ブ ラ ウ サ が ECMAS ( ript に 対 応 し て い ま す 。 な お 、 」 avaScript(ECMAScript) に つ い て の 詳 細 は 、 本 書 の 姉 妹 書 で あ る 「 」 avaScript Handbook 」 を こ 参 照 い た だ け れ ば 幸 い で す 。 KN ロ WLEDG STRLJCTLJRE T E X T F ロ N T T A B L E F R A M E 一 M A ロ E F ロ R M ロ B J E ロ T

HTML+CSS Handbook 2nd Edition


KNOWLEDGE 1 -4 ・ HTML へ の 組 み 込 み 方 0 <STYLE TYPE="text/css"> ス タ イ ル シ ー ト を 記 述 す る </STYLE> く /HEAD> こ の 方 法 で CSS を 実 際 に 組 み 込 む と 、 次 の よ う に な り ま す 。 く HTML> く HEAD> ー CONTENT="text/css"> く META HTTP-EQUIV="Content-Sty1e-Type ・ く TITLE> ぱ い ん ワ ー ク ス く /TITLE> く STYLE TYPE="text/css"> DIV { background: #FOFFFF; IPX solid; border : #OOFF7F KN ロ WLEDG E T E X T F ロ N T 8 A C K G R ロ 匸 N D . て yo { text-decoration:underline line-through; B ロ X . sen{ text-decoration:line-through; く / STYL E > く /HEAD> く BODY> く H3 > ぱ い ん ワ ー ク ス 作 品 集 く / H3 > く DIV> ぱ い ん ワ ー ク ス の く SPAN CLASS="ryo"> イ ラ ス ト 集 く /SPAN> が で き あ が り ま し た 。 く BR> ◇ く SPAN CLASS="sen">TOKYO TYPEVOL. 1 く /SPAN> 完 売 ! く BR> ◇ TOKYO TYPE VOL. 2 好 評 発 売 中 く BR > ◇ TOKYO TYPE VOL. 3 好 評 発 売 中 く BR > く /DIV> く / BODY> く /HTML> P ロ S ITI ロ N ョ A 田 L E F 一 L ョ E R ロ T 工 E R 321

HTML+CSS Handbook 2nd Edition


S E C T ー ロ N 1 : K N ロ / L E D G E HTM L へ の 組 み 込 み 方 CSS を HTML 内 で 利 用 す る に は 、 HTML 内 で CSS を 利 用 す る た め の 定 義 を 行 う 必 要 が あ り ま す 。 ス タ イ ル シ ー ト の 種 類 を 設 定 す る 方 法 と HTML へ ( ss を 組 み 込 む 方 法 を 確 認 し て み ま し よ う 。 KN ロ WLEDG E ョ E X ョ ■ ス タ イ ル シ ー ト の 種 類 を 設 定 す る HTML は 、 CSS 以 外 の ス タ イ ル シ ー ト も 適 用 で き る よ う な 汎 用 性 の 高 い 仕 組 み に な っ て い る た め 、 CSS を 利 用 す る こ と を HTML フ ァ イ ル の 冒 頭 で 設 定 す る 必 要 が あ り ま す 。 く META > タ グ を 使 っ て 、 次 の よ う な 記 述 を く HEAD > ~ く / HEAD > 要 素 内 に し ま す 。 <META HTTP-EQUlV="Content-StyIe-Type" CONTENT="text/css"> F ロ N T L 一 S T BA ロ K G R ロ IJ N D ■ ( SS の HTML の 組 み 込 み 方 法 CSS を HTML フ ァ イ ル に 組 み 込 む 方 法 は 、 く STYLE > 要 素 を 使 っ て HTML 文 書 中 に 定 義 す る 方 法 ・ STYLE 属 性 を 使 っ て 指 定 し た い 要 素 に 直 接 的 に 指 定 す る 方 法 ・ 別 に 用 意 し た 外 ロ 部 ス タ イ ル シ ー ト を 利 用 す る 方 法 の 3 種 類 が あ り ま す 。 ■ <STYLE > 要 素 を 使 っ て HTML 文 書 中 に 定 義 す る 方 法 <STYLE > 要 素 を 利 用 す る と 、 く HEAD > 要 素 に ス タ イ ル シ ー ト を 記 述 す る こ と が で き ま す 。 複 数 の HTML 文 書 に ま た が ら な い 、 そ の ペ ー ジ の み で 利 用 す る ス タ イ ル シ ー ト の 定 義 や 、 小 さ い 規 模 の Web ペ ー ジ で CSS を 利 用 す る 際 に 利 用 し ま す 。 く STYLE > 要 素 に 対 応 し て い な い ブ ラ ウ ザ で 表 示 す る と ス タ イ ル シ ー ト の 内 容 か 表 示 さ れ て し ま う た め 、 HTML の コ メ ン ト 機 能 ( く い ~ > ) で 囲 っ て 記 述 を し ま す 。 く STYLE> 要 素 の 属 性 に は 、 ス タ イ ル シ ー ト 言 語 の M ー ME タ イ プ を 示 す 「 TYPE = " text/ ( ss " 」 を 記 述 し ま す 。 P ロ S 一 TI ロ N F 一 L T E R く HEAD> く META HTTP-EQUlV="Content-StyIe-Type" CONTENT= "text/css ” > ロ T 工 E R 0 32 ロ

HTML+CSS Handbook 2nd Edition


CSS-SECTI ロ NI ロ = ロ THER 54 フ

HTML+CSS Handbook 2nd Edition


S ロ 凵 R C E -//W3C//DTD HTML 4.01 Transitiona1//EN" く !DOCTYPE HTML PUBLIC z"http://www.w3.org/TR/REC-htm140/100se . dtd"> く HTML> く HEAD> く TITLE > 大 型 店 舗 の ア イ テ ア く / T 工 TLE > く META HTTP-EQUIV="Content-Sty1e-Type" CONTENT="text/css"> く STYLE TYPE="text/css"> . b0dy { width 230PX ; height 260PX ; s ( て 011 ; overflow background ー C010 て #CC66FF 4px solid darkblue; border padding 8px; ( 010 て white K N ロ W L E D G E T E X ョ ① ② F ロ N T く / STY L E > く /HEAD> く BODY BGCOLOR = " # 660099 " > く DIV CLASS = " body " > 徹 底 し て 大 型 商 品 の 在 庫 は 地 代 の 低 い 場 所 を 利 用 し て 、 都 心 の 店 舗 は シ ョ ー ル - ム 的 な 位 置 付 け で 商 品 を 自 由 に 触 っ て も ら い 、 値 段 だ け を 提 示 。 ・ ・ く / DIV> く / BODY> く /HTML> B A C K G R ロ LJ N D 田 口 X P ロ S ITI ロ N T A B L E 機 能 overflow: hidden は み 出 し た 文 字 列 を 表 示 し な い overflow: scroll ス ク ロ ー ル バ ー を つ け て は み 出 し た 文 字 列 を 表 示 す る overflow: visible ボ ッ ク ス か ら は み 出 し た ま ま 表 示 す る overflow: autO ブ ラ ウ ザ の 設 定 に 従 う hidden 5 ( ro Ⅱ visible autO 入 力 例 F 一 「 T E R ロ T 工 E R 4 日 ロ

HTML+CSS Handbook 2nd Edition


CSS-SECTI ロ NI = KN ロ WLEDGE 3 ロ 9

HTML+CSS Handbook 2nd Edition


オ ブ ジ ェ ク ト を ベ ー ジ に 埋 め 込 む Ⅷ N 4 MAC 4 肉 6 寘 く0B 」 ECT>&</OB 」 ECT> 1 ロ -5 S E ロ T ー ロ N 1 ロ : ロ 日 J E ロ T K N ロ W 「 E D G E S T R 〔 CT 匚 R E イ ン ラ イ ン 要 素 / プ ロ ッ ク レ ベ ル 要 素 扱 い ペ ー ジ に オ ブ ジ ェ ク ト ( 画 像 ・ 動 画 ・ 音 声 ・ 」 ava ア プ レ ッ ト な ど テ キ ス ト 以 外 の デ ー タ ) を 埋 め 込 む 場 合 、 HTML 4.01 で は く OB 」 E ( T > タ グ を 使 用 す る こ と も で き ま す 。 ま た 、 オ ブ ジ ェ ク ト に 渡 す バ ラ メ ー タ ( 設 定 情 報 ) が あ る 場 合 は 、 く0B 」 ECT>&</OB 」 ECT> の 間 に く PARAM > タ グ を 置 い て 設 定 し ま す 。 な お 、 <OB 」 ECT > 要 素 は 、 そ の 内 容 や 使 わ れ 方 に よ っ て プ ロ ッ ク レ ベ ル 要 素 、 ま た は イ ン ラ イ ン 要 素 と し て 扱 わ れ ま す 。 T E X T F ロ N T , ユ title ー Microsoft lnternet ExpIorer フ ァ イ ル 編 集 旧 表 示 お 気 に 入 り ( 合 ) ツ ー ル ヘ ル プ 旧 ) T A 田 L E HTML CSS HandB00k 好 評 発 売 中 ! く OB 」 E ( T > タ グ で 動 画 ( 日 ash ム ー ビ ー ) が 表 示 さ れ る F R A M E 一 M A ロ E 」 マ イ コ ン ビ ュ 、 朝 ペ ー ジ が 表 示 さ れ ま し た S ロ LJ R C E く !DOCTYPE HTML PUBLIC ー -//W3C//DTD HTML 4.01 Transitional//EN" z"http://www.w3.org/TR/REC-htm140/loose.dtd"> く HTML> く HEAD> content="text/html; く meta http-equiv=Content-Type Zcharset=SHIFT JIS"> く TITLE>HTML + CSS く /TITLE> く /HEAD> く BODY bg ( 010 て = " # 3333CC " TEXT= F ロ R M ロ B J E CT 0 3 ロ 5