最も簡単なホームページとは
上部
ホームページはHTMLという言語で書かれているんだよ。そのHTMLという言語で書かれたHTMLファイルを僕らはホームページとして見ているんだ。まずは、最も簡単なホームページをHTMLで書くとどうなるか見てみよう。
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
学
ふむふむ、これがHTMLってやつですか〜。
最も簡単なはずなのに、何がなんだかさっぱり意味がわかんないです・・・。
<html>とは
上部
そうだよね。じゃあ、一つずつ説明していくよ。
まず１行目にある <html> だけど、
これは「ここからHTMLが始まりますよー」というマークだよ。
それに対して最後の行にある </html> は
「ここでHTMLが終わりますよー」というマークだよ。
ちなみにこの < と >で囲まれたマークを「タグ」というんだ。
タグは必ず半角で書くというルールもあるので忘れないようにね。
学
なるほど、まず始めに <html> を書く。
そして最後に </html> を書く。ですね。
上部
そういうことだね。
<head>とは
上部
さて、２行目にある <head> から４行目にある </head> の間までは、
このHTMLファイルに関する色々な情報を記述する部分だよ。
この部分は、基本的に見る人には表示されないと考えてちゃっていいよ。
でも、とても重要な部分なので後で詳しく説明するよ。
学
はい、わかりました〜。
<title>とは
上部
３行目にある <title> と </title> の間に
ページのタイトル（題名）を記述するんだよ。
学
でも、<title> と </title>は、<head> と </head>の間にあるから見る人には表示されないんですよね？
なら、特に書かなくてもいいですよね。
上部
いい所に気付いたね。
この部分は厳密には表示されないわけではないんだよ。
<title></title>の間に書いた内容は
ブラウザの一番上のバーの部分に表示されるんだ。
ブラウザとは
学
ブラウザ・・・ってなんですか？
上部
ブラウザっていうのは、例えば学君が普段使っているインターネットエクスプローラーなどのホームページを見るプログラムの事だよ。
学
ああ、インターネットエクスプローラーの事ですか。その一番上の青い所に表示されるって事ですね。
言われてみると確かに普段そこはほとんど気にしてみたことはないですね〜。
上部
そうだよね。でも、Yahoo!やGoogleなどの検索エンジンの検索結果に表示される時は、<title></title>の間に書いた内容が表示されるので必ず書くことが大切だよ。
学
なるほどー、この部分が検索エンジンの検索結果に表示されているんですか〜。となると確かに何を書くかがとても大切になりますね〜。
上部
その通り！
<body>とは
上部
そして５行目の、<body> と </body>の間には、実際に表示されるホームページの内容を書いていくんだ。
学
なるほどー。ここに書いた事がブラウザに表示されているんですね。なんか、もうHTMLに詳しくなっちゃった気分ですよ。
