HTML入門講座（２）
ねっと先生 さて今日はHTMLで使えるタグについて説明しようかな。この前ちょっと説明したけど、覚えているかな？
いんた君 「<」と「>」で囲まれたのがタグなんだよね。
ねっと先生 その通り。よく分かっているね。じゃあ、タグの役割は？
いんた君 えー、知らないよ。だってまだ教わっていないもん。
ねっと先生 そうだったね。じゃあ、簡単に説明しておこうか。この前も説明したけど、HTMLはWWW（ワールド・ワイド・ウェッブ）で見ることのできるページを作るための約束事なんだ。それは分かっているよね。
いんた君 はい。
ねっと先生 HTMLで書かれて文章はなにも特別なものではなくて、テキストファイルという一番シンプルなものなんだ。
いんた君 テキストって、教科書のことじゃないの、先生？
ねっと先生 よく知ってるね。でも教科書はテキストブックを縮めてテキストと言うけど、ここでのテキストはちょっと違うんだ。テキストファイルは文字だけの文って意味なんだ。
いんた君 文字だけの文って、先生、当たり前じゃない。
ねっと先生 でも文字だけで書かれたのにWWWブラウザで見ると、大きな見出しもあるし、色もついている。写真や絵が入っているページもあるね。
いんた君 本当、でも不思議だなあ。
ねっと先生 この不思議を実現するのがタグの役目なのさ。タグは、「この文字は大きくしないさい」とか「ここには横線を入れなさい」といったようなブラウザでの見え方を指定するものなんだ。
いんた君 先生、どうやったらきれいなページを作れるか、早く教えてよ。
ねっと先生 じゃあ、さっそくやってみようか。でも道具が必要なんだ。
いんた君 道具って、どんなもの？
ねっと先生 HTMLを書くためのエディターと呼ばれるソフト、書いたHTMLがどうやって表示されるかを確認するためのWWWブラウザー。最低この二つが必要になる。絵や写真を取り込もうとすると、それを処理するためのグラフィック・ソフトも必要になるけど、まず簡単に絵を入れないでページを作ってみようか。
いんた君 HTMLを書くのはエディターじゃないといけないの？
ねっと先生 別にエディターでなくてもかまわない。ワープロソフトでもHTMLは書けるけど、ワープロを使った場合には保存する時に、「テキストファイル形式」で保存する必要があるね。
いんた君 HTMLはテキストファイルだからでしょ。
ねっと先生 その通り！ じゃあエディターを動かして、HTMLを書いてみよう。
いんた君 やっと始まるんだ。先生、前置きが長いからなあ。
ねっと先生 たしかにちょっと長いかな。でも必要な説明だから、まあ我慢してくれよ。まず、HTMLの構造を示す三つのタグから説明しよう。
文書の最初に書くタグは<HTML>で、最後に書くタグが</HTML>だ。このタグは、「この文書はHTMLですよ」という宣言をするためのものなんだ。
次に<HEAD>と</HEAD>の間には、ヘッダーと呼ばれページのタイトルなどを書く。ここに書かれた内容は、ページには表示されないからね。
そして、<BODY>と</BODY>にページに表示するための本文を書く。
いんた君 先生、<TITLE>ってのもあるけど？
ねっと先生 そうだね。<TITLE>と</TITLE>の間にはこのページがどんなページなのかを簡潔に示すタイトルを書くんだ。本の題名と同じかな。
そうそう言い忘れていたけど、タグは大文字で書いても小文字で書いてもかまわないから。ただし、全角文字ではだめで必ず半角文字でないと。
いんた君 先生、大文字、小文字ってなんですか。それと全角文字、半角文字も分からないよ。
ねっと先生 そうかあ。君は小学生だからね。まだ英語は習ってないんだったね。ごめん、ごめん。
英語で使うアルファベットには大文字、小文字ってのがある。Aが大文字で、aが小文字なんだ。つまり、<BODY> 〜 </BODY>と書いても<body> 〜 </body>と書いても同じようにタグとして有効なんだ。ただし、Ａは一見、アルファベットにようだけど全角文字で、半角文字のAとは違うものだから注意してしないとね。
いんた君 そうなんだ。やっぱり英語って難しいや。
ねっと先生 まあ、そう言わず、がんばろうよ。英語の勉強も兼ねてさ。
いんた君 ふぁーい。
ねっと先生 じゃあ、ちょっと息抜きにきれいなページを見てみようか。ほらここがディズニーのホームページだよ。
いんた君 ほんとだ。美女と野獣、トイ・ストーリー、ダンボだ。
ねっと先生 インターネットでは世界中の情報が手に入れられるんだ。すごいだろ。だから、君の作ったページも世界中から見られるかもしれないぞ。
いんた君 そうかあ。世界中からかあ。先生、がんばろうよ。
ねっと先生 よしよし、元気を取り戻したな。じゃあ、タグの説明を続けようか。
いんた君 はーい。
ねっと先生 <BODY>と</BODY>に何か文字を書いてみようか。君はパソコンを使ったことがないだろうから、先生が代わりに入力してあげよう。なんて書こうか。
いんた君 先生、「ようこそ、引多小学校のホームページへ」じゃだめ？
ねっと先生 よし、それで行こう・・・・・。入力完了。WWWブラウザーで見てみようか。ネットスケープ・ナビゲーターを動かしてっと。
いんた君 先生、エディターで書いただけでインターネットになっちゃうの？
ねっと先生 いやいや、そうじゃないんだけど、インターネットに乗せる前にもWWWブラウザーで見ることはできるんだよ。こうして自分の書いたページがどんな風に見えるかを確認しながら、直していくのさ。
いんた君 あ、出てきた。
ねっと先生 これじゃちょっと寂しいかな。少し文字を大きくしてみようか。文字を大きくするには<H1>のような見出しタグを使うんだ。見出しタグには一番大きい<H1>から一番小さい<H6>まで６種類あるんだよ。せっかくだから<H1>を使おうか。
いんた君 先生、一番大きい方がいいよ。
ねっと先生 今度はもっと長い文章を入れてみよう。長い文章を書いていくときに使うのが、<BR>と<P>タグだ。<BR>は文章を改行したい時に使う。<P>は改行と当時に、段落と段落の間を一行空けたい時に使う。ところどころに<BR>や<P>を入れておかないと、文章が全部つながって読みにくいページになってしまうんだ。
いんた君 先生、線も引けるんでしょ。
ねっと先生 線を引くには<HR>というタグを使う。横線を指定する<HR>タグには、線の長さや太さも指定できるから、ページ全体にメリハリをつけるのにも使えるよ。
いんた君 絵を出すにはどうしたらいいの？
ねっと先生 絵や写真を表示するには、<IMS>というタグを使うんだ。その時に表示する絵は別に用意しないといけない。WWWブラウザーで見ることにできるのは、「GIF（ジフ）」という形式のグラフィックス・データでないといけないから、君にはまだ無理かな。おや、どうしたの？
いんた君 先生、だんだん頭がこんがらがって来ちゃった。
ねっと先生 すまん、すまん。ちょっといっぺん説明しすぎたかな。詰め込み教育は私の方針に反するし、今日はこれくらいにしようか。
いんた君 はーい。先生、ばいばい。
ねっと先生 さて、タグにはまだまだたくさんの種類があります。ここまで読んできてもっとタグについて知りたいは、「基本的なタグの説明」をクリックしてください。簡単ですがタグの説明があります。では次回をお楽しみに。
