Beginner's HTML

Chapter 1

• ウェブ・ページとは
• HTMLファイルとは
• 用意するもの
• HTMLファイル作成

ウェブ・ページとは

ウェブ・ページ(Web Page)は World Wide Web Page の略です。ホーム・ページとも言われますが、正確にはホーム・ページはウェブ・サイト( Web Site)の最初のページのことです。

ウェブ・サイトは、ウェブ・サーバー・ソフト (Web Server software)がインストールされているコンピューターをもとに作られています。ウェブ・サーバーには Hyper Text Markup Language と呼ばれる言語を使って書かれた HTML ファイルと、その他の ウェブ・ページを構成する材料 ( グラフィックス、アニメーション、サウンド、MIDI ファイル、ムービーなど) が保存されています。
ウェブ・サーバーがユーザーのコンピューターからリクエストを受け取ると、それに対応する HTML ファイルを送り返します。この HTML ファイルをもとにユーザーの ブラウザー・ソフトが画面にウェブ・ページを構成します。

ウェブ・ページはマルチメディアですが、 HTML ファイルにページを構成する全ての材料が含まれているわけではなく、テキストとページレイアウトの詳細と、その他の材料のサーバー・アドレスが含まれているだけです。 HTML ファイルを受け取ったブラウザー・ソフトは HTML の指示に従い、テキスト以外の材料をウェブ・サーバーにリクエストしてマルチメディア・ ウェブ・ページを完成します。

---

HTMLファイルとは

ウェブ・ページ用のドキュメントは、 HTMLという形式で書かれたプレーン・テキスト・ファイル になっています。ドキュメントにはテキストの他にタグ (Tag)と呼ばれるものが書かれており、このタグによってブラウザーはドキュメントをどのように表示するのかを読み取り、処理をしています。
ドキュメント自体はプレーン・テキスト (Plain text)なので、簡単なテキスト・エディターさえあればウェブ・ペイジは作成することが出来ます。

用意するもの

テキスト・エディター(Text Editor)

プレーン・テキスト・エディターならどんなものでも構いません。


ワードプロセッサーのソフトでも構いません。その場合は、ファイルは必ず Plain Text (ASCII)で保存して下さい。

ウェブ・ブラウザー(Web Browser)

テキスト・エディターで作成したドキュメントをブラウザーで表示し、結果を確認しながら作成をすすめます。

HTMLファイルの作り方

ウェブ・ページ用のファイルを作成する際には次の二つの事を必ず守って下さい。

• HTMLドキュメントはプレーン・テキストです。
  

• HTMLドキュメントのファイル名は、必ず最後に ".html" の拡張子を付けて下さい。 DOS/Windows3.xの場合は ".htm" の拡張子をつけて下さい。

1. テキスト・エディターを開きドキュメントを作成する。
   　テキスト・エディターを開いて"Hello World"と書いて下さい。

2. ファイルを保存する。
   　これを、"index.html" あるいは "index.htm" (DOS/Windows3.xの場合)というファイル名で保存して下さい。
   この時に、ワードプロセッサーのソフトを使っている場合は、Plain Text ファイルで保存する事を忘れないで下さい。

3. ブラウザーで結果を表示してみる。
   　ブラウザーを立ち上げて、コマンド："Open File" でファイル "index.html (index.htm)" を表示して下さい。
   

   Hello World

   とブラウザー画面に表示されます。

4. テキスト・エディターに戻りドキュメントを作成する。
   　テキスト・エディターに戻り、"Hello World" を消して、今度は何でも好きな事を書いてファイルを保存し直して下さい。
   

5. ブラウザーをReloadして、変った内容が表示されているかどうか確認して下さい。
   

この手順はHTMLドキュメント作成でこれから何度も繰り返す手順です。ドキュメントを書き直したら、ブラウザーをReloadする前にファイルを保存し直すことを忘れないで下さい。

HTMLドキュメントは必ずファイル名の最後に ".html"の拡張子、 DOS/Windows 3.xの場合は ".htm"を付け、 Plain Text (ASCII）ファイルで保存して下さい。

Chapter 2はHTMLのタグとエレメントについてです。

Copyright (C) 1997 ABACUSS LTD.
www.abacuss.com