★ ホームページにするかブログにするか? ★
3.ホームページの仕組み
皆さんが当然のごとく見ているホームページは、どうして世界中の人が同じホームページを見る
ことが出来るんだろうと思ったことはありませんか?
ホームページは、下の図のように繋がっていて、お互いに通じ合えるようになっているのです。
簡単な例が、地下鉄東西線にJR線が相互乗り入れしているのと同じで
、当初は、何故地下鉄に
JRの電車が走っているんだろうと思われた方も多いと思います。
ネットで言えば、
東京の地下鉄とニューヨークの地下鉄が相互乗り入れしていると思えばわかり
易いと思います。
我々のコンピューターと繋がっているのは、契約しているサーバーだけですが、サーバー同士が
くもの巣のように繋がっているから、世界中で同時に同じサイトが開けるのです。
3.基本的なタグは知識として学ぼう
前ページで、ホームページは、すべて言葉で書いてあると言いましたが、ここでは、必要最低限
の言葉、すなわち、タグの知識を走り読みで良いですから、見ておいてください。
というのは、プログラムも完璧ではありませんから、ちょっとしたタグの間違いで大きな間違いに
なることがあり、タグの知識があると簡単に直せることが、あります。また、自分のやりたいように
することが、できます。
1.<html>
</html>
この<html>
</html>の間がHTMLファイルと言われてホームページの1ページを形成します。
2.<head>
</head>
<html> と
</html> の間に書かれているヘッダーと呼ばれている、そのページを規定する部分で
ブラウザ上には何も出来てませんが、ページ情報やスタイルシートを書き込みます。
その中に、<title>
</title>で囲まれたところにそのページのタイトルを書き込みます。その書き込み
がブラウザの最上部に表示されます。
3.<body>
</body>
<head>
</head>
の後に挿入して、ページの中身を表す部分です。
ですから、1ページの構図は、
<html>
<head>
</head>
<body>
</body>
</html>
となります。
4.<p>〜</p>
段落を指定するタグで、〜の間がひとつの段落になります。
<p
align="left">〜</p> と書くとこの段落の間は、左詰めだということになります。
5.<font>〜</font>
文字の大きさや、色、太さ、書体等を指定するタグです。
<font
size="3"
color="red">〜</font> と書くと〜の間は、文字は3の大きさで赤と指定します。
6.<br>
改行のタグで、通常ENTERキーを押して改行すると自動的に、一行はさみますが、このタグを
使うと、間を空けずに改行します。
7.<a>
指定した文字やところへリンクを設定するタグです。
<a
href="index100">〜</a>
と書くと、〜の文字や画像からindex100へリンクするようになります。
その他にも、知っておいていた方が良いタグがありますが、後ほどにしましょう。