えー、本当なら「Web」つーのは何だとかWWWつーのは何かとかHTMLつーのは何だとかブラウザっちゅーのはいかなるものなのかとか、そういう話をしなければならないのどす。ですが、「とにかく始めなければならない」という制約があるので、そういう話はすべてすっ飛ばして、「HTMLでスクリプトを書く」というところから始めてしまいたいと思います。考えたら“スクリプト”っつーのは「書く」ということだから、「スクリプトを書く」っつーのは変な日本語だけどまあいいや。つまりは、WWW(ワールド・ワイド・ウェブ)という全世界的(ワールドワイド)なコンピュータ・ネットワーク(つまりはインターネットのことです)があり、それに加盟っちゅーか加入しているコンピュータのどっかに「スクリプト言語」(HTMLがその代表)っちゅーので書いた「スクリプト・ファイル」っちゅーのを置いておくと、世界中のどっからでもそのファイルの所在(URL)がわかればブラウザというソフトウェアを使ってそのファイルが読めて(表示できて)、そのファイルをどう書くと読む側ではどんなふうに見える(表示される)かを勉強しよう、つーことなわけです。おわかりか?
そんなわけで、必要なのは
まず、エディタを立ち上げてください。よっこらしょ。(←立ち上げている)
で、以下のコードを打込んでください。一部インデントを表示するために全角の空白を使っていますが、これはタブなり英数半角スペースで置きかえてください。なに、何を言ってるのかさっぱりわからない? 困ったなぁ。そういう人はやっぱり近くにいるコンピュータに詳しい人に相談してください。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="Shift_JIS">
<title> Hello </title>
<style type="text/css">
</style>
</head>
<body>
Hello world!
</body>
</html>
ここでちょっと注意。一行めの
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
は、本当にファイルの「一行め」、「最初の行」に書いてください。なんなら書かなくていいです。この一行があるから動かないことはあっても、この一行がないから動かないことはありません。単なるお呪(まじな)い以下の一行です。「だったらなぜそういうものを書くのだ!」と腹が立つかもしれませんが、理由はずっと後で説明します。
入力が終わったら、“hello.html”という名前で保存してください。
で、次にブラウザを立ち上げます。ブラウザの「ファイル」メニューから「ファイルを開く」を選び、hello.htmlを選んでください。ウィンドウが開き、
Hello world!
と表示されたら成功です。ウィンドウのタイトルは“Hello”になっていますか? いちおう確認してください。
えー、じつは、ここまで来ればWeb道は成ったも同然であります。後は何をするかというと、
<title> 〜 </title>の部分を適宜書き換える。
<style>行と</style>行の間にあれこれ書く。
<body>行と</body>行の間にあれこれ書く。
の三つをするだけ。とはいえこの三つか結構大変なのではありますが、とにかく全体の枠組はこれで完成したわけです。
では、さっそく応用スクリプトを書いてみましょう。hello.htmlをfavor.htmlという名前でコピーします。で、以下のように書きかえてください。書換え部分は上の三点だけです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="Shift_JIS">
<title> お気に入りサイト </title>
<style type="text/css">
</style>
</head>
<body>
<ul>
<li><A href="http://users.hoops.ne.jp/joshya/"> 雑魚亭 </a></li>
</ul>
</body>
</html>
えー、こういうファイルを作っておくと、いちいちブラウザを起動しなくても、このファイルをダブルクリックしてお気に入りのサイトの名前をクリックするだけでそのサイトを見ることができます。ついでながら、ちょっと変えるとメールを送ることだってできるんだよ。わくわく。