検索 - みる会図書館

検索対象: ホームページ辞典 第4版

ホームページ辞典 第4版から 276件ヒットしました。

ホームページ辞典 第4版


工 TML の 基 礎 HTML の 基 本 的 な 構 造 要 素 と タ グ HTML 文 書 の 一 番 基 本 的 な 構 造 を 示 す と 次 の よ う に な り ま す 。 要 素 (element) 開 始 タ ク ( Sta Tag ) 要 素 内 容 (Content) 終 了 タ 5(EndTag) <a href="http://www.ank.(0.jp"> ア ン ク の ペ ージく/a> 値 (val ue) 要 素 名 (element) 属 性 (attribute) こ れ を 別 の 例 を 使 っ て も う 少 し 詳 し く 見 て み ま し よ う 。 翔 泳 社 が 出 版 す る Web 辞 典 シ リ ー ス は 次 の よ う に な っ て い ま す 。 ー ー ー 2007 年 4 月 現 在 ・ HTML タ ク 辞 典 ・ ス タ イ ル シ ー ト 辞 典 ・ 」 avaScript 辞 典 ・ ホ ー ム ペ ー シ 辞 典 ・ Perl/CGl 辞 典 ・ ち ひ 辞 典 こ の 文 書 で は ま す 最 初 に 「 Web 辞 典 シ リ ー ズ に つ い て 」 と い う 見 出 し が あ り ま す 。 こ の 後 の 「 翔 泳 社 が 出 版 す る ~ 」 が 本 文 に な り ま す が 、 こ の 本 文 に は 書 籍 名 を 順 不 同 で 並 へ た リ ス ト が 含 ま れ て い ま す 。 ま た 、 こ の あ と に は 内 容 紹 介 文 の よ う な 文 章 カ ヾ 続 く か も し れ ま せ ん し 、 各 書 籍 の 売 上 状 況 を 示 す 表 が 入 る 場 合 も あ る で し よ う 。 ひ と つ の 文 書 は こ の よ う に 、 さ ま さ ま な 性 質 を 持 っ た 内 容 が 部 品 の よ う に 組 み 合 わ さ れ て で き 上 が り ま す 。 HTML で は こ の 個 々 の 部 品 を そ れ そ れ 「 要 素 」 と し て 分 類 し 、 専 用 の 「 し る し 」 を 付 け る こ と で 、 文 書 が と の よ う な 内 容 か ら 構 成 さ れ て い る の か を 示 し ま す 。 そ の 際 、 と こ か ら ど こ ま で が と の 要 素 に な る の か を 示 す し る し が 「 タ グ 」 な の で す 。 見 出 し 本 文 リ ス ト HTMLD<HTML BASlC-02 ー 5

ホームページ辞典 第4版


と ハ イ フ ン ( - ) で 構 成 さ れ る よ う に と い う 決 ま り が あ り ま す 。 本 書 で は ク ラ ス 名 、 名 を 斜 体 で 表 示 し て い ま す (). xiv)o ク ラ ス セ レ ク タ 指 定 し た class 属 性 の 値 を 持 つ 複 数 の 要 素 に 、 ス タ イ ル を 指 定 す る こ と が で き ま す 。 ク ラ ス セ レ ク タ は 、 ピ リ オ ド ( . ) に 続 け て ク ラ ス 名 を つ け て 定 義 し ま す 。 XHTML 文 書 側 で は 、 class 属 性 で そ の ク ラ ス 名 を 指 定 し 、 要 素 に ス タ イ ル を 適 用 さ せ ま す 。 先 頭 に 要 素 名 を 指 定 し て 「 要 素 名 . ク ラ ス 名 」 の よ う に す る と 指 定 さ れ た 要 素 で の み 有 効 に な り ま す が 、 要 素 名 が 特 定 さ れ て い な い 場 合 ( 「 . ク ラ ス 名 」 ) に は 、 と の 要 素 で も 指 定 す る こ と が で き ま す 。 CSS の 指 定 要 素 名 . ク ラ ス 名 { プ ロ バ テ ィ { プ ロ バ テ ィ : 値 : } . ク ラ ス 名 XHTM L で の 指 定 < 要 素 名 class = “ ク ラ ス 名 " > ~ く / 要 素 名 》 CSS の 基 礎 第 00 鱈 セ レ ク タ ハ 。 ⅵ 0W7 ぎ n 弍 p め 、 ー ー 分 ・ 0 , , に ツ ベ ー ス の 0 を : の 弱 セ レ ク タ 翔 泳 社 が 出 版 す る Web 辞 典 シ リ ー ス ・ は 次 の よ う に な っ て い ま す ( 2007 年 6 月 現 在 ) ・ 町 ML タ グ 辞 典 ・ ス タ イ ル シ ー ト 辞 典 ・ 上 vaS こ npt 辞 典 ・ Pearl/CGl 辞 典 ・ ち ひ 辞 典 い す れ も 「 立 ち み コ ー ナ ー 」 で 内 容 を 一 部 紹 介 し て い ま す . ( 55 . d た { ( 0 ー 0 「 : # 000099 : XHTM し <P class = ” d た " > 翔 泳 社 が 出 版 す る Web 辞 典 シ リ ー ス は 次 の よ う に な っ て し 、 ま す ( 2007 年 6 月 現 在 ) p > <LII class="dic"> ト HTML タ ク 辞 典 け > 4 ト ス タ イ ル シ ー ト 辞 典 く ハ ト 4ト 」 avaScri pt 辞 典 < ハ ト 4 ト Pearl / CGI 辞 典 ⅱ > 4 ト ち び 辞 典 く ハ ト u ト <P 》 い す れ も 「 立 ち 読 み コ ー ナ ー 」 で 内 容 を 一 部 紹 介 し て い ま す 。 く / p > ・ イ ン タ ー ネ ッ ト ー 保 第 を 一 ト : 有 効 class 属 性 に 「 dic 」 が 指 定 さ れ て い る p 要 素 と 要 素 に ス タ イ ル ( 文 字 色 プ レ ー ) が 適 用 さ れ ま す css BASIC-04 に 29

ホームページ辞典 第4版


要 素 や タ グ の 特 色 や 文 法 上 の ル ー ル な ど は 文 書 型 定 義 ( p. 1 1 ) で 詳 細 に 決 め ら れ て お り 、 し る し 付 け さ れ た 文 書 を 解 読 し 、 定 義 に 沿 っ て 適 切 に 表 示 す る の は 「 フ ラ ウ サ 」 と 呼 は れ る 専 用 ソ フ ト ウ ェ ア の 役 割 で す 。 web ペ ー ジ の 閲 覧 に 利 用 さ れ る コ ン ピ ュ ー タ は 多 種 多 様 で す が 、 こ の よ う に 共 通 の し る し を 付 け る こ と で 、 プ ラ ッ ト ホ ー ム の 違 い を 問 わ す に 同 し 文 書 を 利 用 す る こ と が で き る よ う に な り ま す 。 な お 、 本 書 で は web べ ー ジ を 作 る と き に 役 立 て や す い よ う 、 く 〇 〇 > タ グ と そ の 属 性 ・ 値 と い う 表 現 を 主 に 使 い ま す 。 工 TML の 基 礎 開 始 タ グ と 終 了 タ グ 前 述 の 文 書 に タ グ を つ け る と 次 の よ う に な り ま す 。 : <h1>Web 辞 典 シ リ ー ズ に つ い て </hl> 翔 泳 社 が 出 版 す る Web 辞 典 シ リ ー ス は <br> 次 の よ う に な っ て い ま す 。 <br> ー - ー 2007 年 4 月 現 在 ・ <li>HTML タ グ 辞 典 《 ハ ト ト ス タ イ ル シ ー ト 辞 典 《 ハ ト 4ト 」 avaScript 辞 典 《 ハ i 》 ト ホ ー ム ペ ー ジ 辞 典 《 ハ ト : <li>PerI/CGl 辞 典 《 ハ i 》 : 4 ト ち び 辞 典 《 ハ , u ト タ グ に は 通 常 「 開 始 タ グ 」 と 「 終 了 タ グ 」 と い う も の が あ り 、 こ の 2 つ で 「 要 素 内 容 」 を 挟 む よ う に 記 述 し ま す 。 た た し 、 終 了 タ グ を 省 略 で き る 要 素 や 、 内 容 を 持 た な い た め に 終 了 タ グ を 持 た な い 「 空 要 素 」 と い う も の も あ り ま す 。 終 了 タ グ を 省 略 で き る 要 素 次 の 要 素 で は 終 了 タ グ を 省 略 す る こ と も で き ま す 。 ( 0 垣 「 oup 、 dd 、 dt 、 ⅱ 、 0Ption 、 P 、 tb0dY 、 td 、 tf00t 、 th 、 thead 、 tr ※ tbody は 一 定 の 条 件 を 満 た す 場 合 に 開 始 タ ク と 終 了 タ グ の 両 方 を 省 略 で き ま す 。 よ り 正 し い 文 書 を 作 成 す る た め に は 終 了 タ グ も 省 略 し な い で 記 述 し た ほ う が 良 い で し よ う 。 ま た 、 XHTML で は 終 了 タ グ を 省 略 す る こ と は で き ま せ ん 。 6 ー HTMLJXHTML BASlC-02

ホームページ辞典 第4版


工 TML の 基 礎 【 汎 用 的 な 属 性 HTML 4.01 で は 、 ほ と ん と の 要 素 に 対 し て 使 用 で き る 汎 用 的 な 属 性 が 定 義 さ れ て い ま す 。 id=" 名 前 “ 要 素 に 対 し て 名 前 を 付 け ま す 。 た た し 、 同 一 の 文 書 中 で 同 し 名 前 を 重 複 し て 使 う こ と は で き ま せ ん 。 ス タ イ ル シ ー ト の セ レ ク タ 、 リ ン ク の 対 象 、 ス ク リ プ ト か ら の 参 照 、 オ プ シ ェ ク ト の 指 定 な と に 利 用 さ れ ま す 。 class = " ク ラ ス 名 " 要 素 に 対 し て ク ラ ス 名 を つ け ま す 。 id 属 性 と は 異 な り 、 同 一 の 文 書 中 で 複 数 の 要 素 に 対 し 同 し 名 前 を 重 複 し て 使 う こ と が で き ま す 。 ま た 、 ス ペ ー ス で 区 切 れ ば 、 1 つ の 要 素 に 対 し て 複 数 の ク ラ ス 名 を 指 定 す る こ と も で き ま す 。 ス タ イ ル シ ー ト の セ レ ク タ な と に 利 用 さ れ ま す 。 tit 厄 = “ 補 足 情 報 “ 要 素 に 対 し て 補 足 的 な 情 報 を 与 え ま す 。 こ の 情 報 の 表 現 方 法 は プ ラ ウ サ に よ っ て 異 な り ま す が 、 対 応 し て い る 場 合 、 一 般 的 に は ツ ー ル チ ッ プ の か た ち で 表 示 さ れ ま す 。 例 . <a href="magazine/backnumber. html" tit 厄 = " 過 去 出 版 し た 雑 誌 の 紹 介 ペ ー シ " > 既 刊 誌 と ハ ッ ク ナ ン ハ ー を 見 る く / a > 第 社 ・ 物 ow 引 「 t ぎ 「 Ex が ぎ 0 、 こ ) を h = / な 、 、 " 、 ⅸ - , 0 / ⅸ •ok / 体 0 、 、 絖 灯 蜘 , x ⅱ " " ch 一 分 , ロ , , 鑄 ペ ー ス p ) , 0 ツ ー ル ( 0 ) マ の お 用 社 web 辞 典 シ リ ー ズ に つ い て 2007 年 4 月 現 在 翔 泳 社 が 出 版 物 web 辞 シ リ ー フ : は 次 の よ う に な っ て い ま す 。 ・ 印 ML タ ク 辞 ・ ス タ イ ル シ ー ト 辞 典 ・ 上 S ロ •i 試 辞 珮 ・ ホ ー ム ペ ー シ 辞 典 ・ Perl/CGI 辞 ・ ち 0 辞 典 ht ゆ : 〃 w 物 ・ 回 作 sty 厄 = " ス タ イ ル シ ー ト " 要 素 に 設 定 す る ス タ イ ル 情 報 を 直 接 記 述 し ま す ( p. 233 ) 。 ng = " コ ー ト 要 素 内 容 の 言 語 を 指 定 し ま す 。 た と え は 日 本 語 は [lang="ja" 」 、 英 語 は rlang="en" 」 の よ う に 指 定 し 、 こ の 属 性 を 指 定 し な い 場 合 の 言 語 コ ー ド は 「 unknown 」 ( 不 明 ) と な り ま す 。 こ の 属 性 は 、 引 用 符 や ア ク セ ン ト 記 号 の つ い た ア ル フ ァ ベ ッ ト な と 、 そ の 言 語 の 特 色 に し た か HTML/><HTML BASIC-02 ー 9 最 ま 出 版 し た 懿 蒋 の 介 ペ ー ン

ホームページ辞典 第4版


カ レ ダ ウ ン メ ニ ュ ー を 作 り た い HTML XHTML <select *><option ◆ >'W</option></seIect> selected (XHTML の 場 合 は selected="selected") ◆ ・ ・ ・ ・ ・ ・ va [ ue = " 送 信 さ れ る テ キ ス ト " ☆ ・ ・ " ・ ・ name = " 名 前 " こ の 属 性 を 指 定 し て お く と 、 そ の 項 目 が あ ら か し め 選 択 さ れ た 状 態 で 表 示 さ れ る よ う に な り selected 属 性 (XHTML の 場 合 は selected="selected") イ option > タ ク 内 の テ キ ス ト ( option 要 素 の 内 容 ) が 送 ら れ ま す 。 サ ー バ ー へ 送 ら れ る 値 を 指 定 し ま す 。 こ の 属 性 が 指 定 さ れ て い な い 場 合 は 、 く option>& value 属 性 の 値 ま た は く option > ~ イ option > タ グ 内 の テ キ ス ト ( option 要 素 の 内 容 ) で す 。 が セ ッ ト に な っ て 送 ら れ ま す 。 こ の 場 合 の テ ー タ と は 、 選 択 さ れ た 項 目 の 「 option value 」 メ ニ ュ ー の 名 前 を 指 定 し ま す 。 フ ォ ー ム の テ ー タ が 送 信 さ れ る と き に は 、 こ の 名 前 と テ ー タ name 属 性 さ れ ま す 。 と な り ま す 。 こ の よ う に し て 作 成 さ れ た メ ニ ュ ー は 一 般 的 に プ ル ダ ウ ン 形 式 の メ ニ ュ ー で 表 示 て 指 定 し 、 く option > ~ イ option > タ グ 内 の テ キ ス ト が そ れ そ れ メ ニ ュ ー に 表 示 さ れ る 項 目 ぐ ele ( t > ~ イ se 厄 ( t > タ グ で メ ニ ュ ー を 作 成 し ま す 。 個 々 の 選 択 肢 は く option > タ グ を 使 っ ま す 。 ( 0 ー u m n [ メ ニ ュ ー の 選 択 項 目 を ク ル ー プ 化 す る ] く optgroup label=" ☆ ><option label= ◆ " > ~ option > イ 0Ptg 「 oup > で 、 メ 二 ュ ー の 選 択 項 目 を グ ル ー プ 化 し 、 階 層 状 に 表 示 さ せ る こ と が で き ま す 。 ☆ に は グ ル ー プ 化 し た 場 合 の 項 目 の ク ル ー プ 名 を 指 定 し ま す 。 対 応 し た プ ラ ウ サ で は こ の 属 性 で 指 定 し た 名 前 が メ 二 ュ ー に 列 挙 さ れ ま す 。 ◆ に は option 要 素 の 内 容 よ り も 優 先 し て 表 示 さ せ た い 、 簡 略 化 し た 項 目 名 を 指 定 し ま す 調 abel = " ◆ " を 省 略 し た 場 合 や 、 こ の 属 性 に 対 応 し て い な い ブ ラ ウ サ で は 、 option 要 素 の 内 容 が そ の ま ま 選 択 肢 と し て 表 示 さ れ ま す 。 詳 し く は 本 書 姉 妹 書 「 HTML タ ク 辞 典 第 6 版 」 を 参 照 し て く だ さ い 。 158 ー HTMLD<HTML FORM-07

ホームページ辞典 第4版


色 名 に よ る 指 定 ( SS の 基 礎 色 名 で 直 接 指 定 し ま す 。 大 文 字 と 小 文 字 は 区 別 さ れ ま せ ん 。 HTML 4. OI で は 基 本 の 16 色 が 定 義 さ れ て い ま す 。 基 本 の 16 色 に つ い て は 下 表 を 、 そ の 他 の 色 名 に つ い て は p. 572 の カ ラ ー チ ャ ー ト を 参 照 し て く た さ い 。 # 000080 # 幵 0000 n avy green blue # 0000 幵 fuchsia # 幵 00 幵 purple # 800080 teal # 800000 maroon ( 0 ー u m n # 008000 black red # 000000 # 808080 # 00 幵 00 lime gray # 00 幵 ff Olive # 808000 Si lver white ye llow # 幵 ffOO #ffffff # 008080 [ 追 加 さ れ た 色 ] CSS 2.1 で は 、 HTML 4.01 で 定 義 さ れ た 基 本 的 な 16 色 に 「 orange 」 (#ffa500) が 追 加 さ れ 、 17 色 と な っ て い ま す 。 透 明 を 表 す transparent プ ロ バ テ ィ に よ っ て は 「 transparent 」 ( 透 明 ) を 指 定 で き る も の も あ り ま す 。 「 transparent 」 を 指 定 す る と そ の 領 域 は 透 明 に な り 、 結 果 と し て そ の 要 素 が 含 ま れ る 親 要 素 の ホ ッ ク ス の 内 容 や 背 景 ・ 背 景 画 像 な と が 透 け て 見 え る よ う に な り ま す 。 ( 0 ー u m n シ ス テ ム カ ラ ー に よ る 指 定 ス タ イ ル シ ー ト で は 、 Windows や MacOS が 保 持 し て い る シ ス テ ム 情 報 を 呼 ひ 出 す こ と が で き ま す 。 こ の シ ス テ ム カ ラ ー を 使 う と 、 べ ー ジ を 見 る 人 の OS の 環 境 に 合 わ せ て 使 用 色 を 決 め る こ と が で き ま す 。 シ ス テ ム カ ラ ー の キ ー ワ ー ド に は ActiveBo 「 der ( ア ク テ ィ フ な ウ イ ン ド ウ の 枠 の 色 ) 、 BackGround ( テ ス ク ト ッ プ の 背 景 色 ) な ど が あ り ま す が 、 詳 細 は 本 書 姉 妹 書 「 ス タ イ ル シ ー ト 辞 典 第 4 版 」 を 参 照 し て く だ さ い 。 css BASlC-131 253

ホームページ辞典 第4版


工 TML の 基 礎 皿 富 ~ こ 【 に 7 / 6 Firefox 2 / 1.5 N etscape 7 Opera 9 Safari 2 文 書 型 宣 言 の 記 述 方 法 文 書 型 宣 言 を し な い 記 述 な し HTML 4.01 Strict <!DOCTYPE HTML PUBLIC "-//W3C 〃 DTD HTML 4.01 〃 EN " "http://www.w3.org/TR/htm14/stnct.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C 〃 DTD HTML 4.01 〃 EN " > HTML 4.01 Transitional <!DOCTYPE HTML PUBLIC "-//W3C 〃 DTD HTML 4.01 Transitional//EN" "http:〃www.w3.org/TR/htm14/Ioose.dtd"> <!DOCTYPE HTML PUBLIC "- 〃 W3C 〃 DTD HTML 4.01 Transitional//EN"> HTML 4.01 Frameset <!DOCTYPE HTML PUBLIC "-//W3C 〃 DTD HTML 4.01 Frameset//EN" "http:〃www.w3.org/TR/htm14/frameset.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> 互 換 標 準 標 準 標 準 互 換 準 . 換 標 . 互 HTMLD<HTML BASlC-02 ー 13

ホームページ辞典 第4版


)(HTMli HTM し <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/htm14/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=Shift—JlS"> く tit > ウ イ ン ド ウ の 分 割 方 法 を 指 定 し た し / tit 厄 > </head> <frameset ( OIS = “ 20 % ′ 80%"> <frameset 「 0W5 = " 200 ′ * <frame src="framel. html"> <frame 5代=”f「ame2. html"> </frameset> <frame src="frame3. html"> </frameset> </html> XHTML HTML <?xml ve 「 sion = " 1.0 " encoding="Shift JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN' "http://www.w3.org/TR/xhtm11/DTD/xhtm11-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang=' ja"> <head> <meta http-equiv="Content-Type" content="text/html;charset=Shift—JIS" / > く tit > ウ イ ン ド ウ の 分 割 方 法 を 指 定 し た し / tit 厄 > </head> <frameset ( 0 = ” 20 % ′ 80%"> <frameset 「 0W5 = " 200 ′ * ” > <frame src="framel. html" / > <frame src="frame2. html" / > </frameset> <frame src="frame3. html" / > </frameset> </html> 20 % 80 % 200 ヒ ク セ ル framel framel. html frame3 frame3. html frame2 フ レ ー ム frame2. html こ の フ レ ー ム で は 、 フ レ ー ム を 定 義 す る HTMUXHTML ( 上 記 の サ ン プ ル ソ ー ス ) と framel. htm に frame2. htm に frame3. htm ー の 合 計 4 つ の フ ァ イ ル か 必 要 で す HTMIJ><HTML FRAME-OII 201

ホームページ辞典 第4版


ホ ー ム ペ ー ジ ー HTML 00 05 な SHOEISHA ) ア ン ク

ホームページ辞典 第4版


文 書 同 士 の 関 係 を 示 し た い <link rel="*" href="+' <link rev="*" href=" ◆ ー <link 「 e ト " ☆ " href= <link rev="*" href=' ☆ ・ ・ ・ ・ ・ ・ lndex 、 Next 、 Prev 、 stylesheet ほ か ◆ ・ ・ ・ URI 文 書 の 基 本 HTM L XHTML く ⅱ nk > タ グ は 文 書 間 の 関 係 ( リ ン ク ) を 定 義 す る も の で 、 く タ グ の 間 で 使 用 し ま す 。 こ の 文 書 か ら 見 た href 属 性 で 指 定 さ れ た リ ン ク 先 に 対 す る 関 係 を 指 定 し ま す ( 値 は コ ラ ム 参 照 ) 。 た と え は 現 在 の 文 書 か ( hapter2. htm ー の 場 合 は 次 の よ う に な り ま す 。 [HTML] <link rel="lndex" href= ・ .. /index. html" ← index べ ー ジ と の 関 係 <link reI="Next" href="chapter3. html" ← 次 の 文 書 は chapter3. html <link rel="Prev" href="chapterl. html" ← 前 の 文 書 は chapterl . html [XHTML] <link rel="lndex" href=".. /index. html" <link reI="Next" href="chapter3. html" <link reI="Prev" href="chapterl. html" 「 el 属 性 ← index ペ ー ジ と の 関 係 ← 次 の 文 書 は chapter3. html ← 前 の 文 書 は chapterl . html 40 ー HTMIJ><HTML DOCUMENT-09