第1章

タグがたくさん

例を見るには，単にリンクをクリックされたい。 表示されている例を自分のディスクに保存するには，「ファイル」メニューの「名前を付けて保存...」あるいは「別名で保存...」などの項目を選択すればよい。 保存の際，「ファイルの種類」あるいは「形式」として「ウェブ・ページ、HTMLのみ」「HTMLソース」などの項目を選択する（「Webアーカイブ」を選択しても，HTMLコードの保存できないので注意）。

プログラム例

• p. 29，プログラム例1-1 — amu.html
• p. 35，プログラム例1-2 — essay1.html
• p. 36，図1-5，絶対リンクの例 — essay2.html（この例にあるリンクをクリックしても，温泉のサイトには行かない。以下の例についてもリンク先はない。悪しからず）
• p. 38，プログラム例1-3 — essay3.html
• p. 43，図1-10，番号つきリスト — fig01-10.html
• p. 44，図1-11，リストの入れ子 — fig01-11.html
• p. 46，図1-12 — amu2.html
• p. 49，図1-13 — space-problem.html

ブラウザで自分の作った文書（HTML）を見る方法

自分で作ったHTMLファイルをブラウザで表示するには次のようにすればよい。ここでは，例として「プログラム例1-1」（第１章の図1-1）をブラウザで表示する場合を説明しよう。

1. エディタあるいはワープロを起動して，新しい文書を開き，コード（プログラム例1-1に書いてある文字そのもの）を入力する。
2. ［ファイル］メニューから［保存］を選び，たとえばamu.htmlという名前を付けて，ファイルを保存する。たとえば，Windowsならば「マイ ドキュメント\programming\chap01」（「マイ ドキュメント」の下のprogrammingというフォルダの下のchap01というフォルダ）あるいはc:\programming\chap01などのフォルダの下に保存すればよいだろう（第０章でやったように，保存の時に新しいフォルダを作ることができる）。
3. ブラウザを起動する。
4. ブラウザの［ファイル］メニューから［開く...］あるいは［ファイルを開く...］などの項目を選んで，保存したフォルダに移動し，自分の作ったHTMLファイルを読み込む。

これで，自分の入力したHTMLファイルが表示されるはずだ。なお，WindowsのエクスプローラやMac OSのファインダ（Finder）の操作に慣れている人なら，エクスプローラやファインダの上にあるHTMLファイルのアイコンを，ブラウザのウィンドウ内にドラッグ＆ドロップしてもよい。

フレームとスタイルシートを使った例と解説（p. 34およびp. 47）

• フレームとスタイルシートを使った例
• 解説

RGBによる色の指定方法（p. 41）

フォントや背景などの色は，たとえばbgcolor="#ffffff"といった具合に指定する。「名称指定」の名前を使って bglor="white" のように指定することもできる。ブラウザの環境の設定で，HTMLによる色の指定を無効にしていると，色が表示されないで，その場合この設定を解除して見て欲しい。