月下美人
の
   HP講座・実践編(3)




≪BODYをつくる≫


        ●今回は少しだけ手をくわえてみましょう

        <HTML>
        <TITLE>月下美人の部屋:ホームページ</TITLE>
        月下美人の部屋
        </HTML>


        ●さあ、それではこのファイルを一度ブラウザで見てみましょう。

    こんな感じになります

        2行目に書いた部分は画面上に何も表示されていませんよね?
        いったいどこに行ってしまったのでしょう?

        ウィンドウの一番上を見てください。
        つまりタイトルバーに「月下美人の部屋:ホームページ」となっていますよね。

        これは今開いているホームページが何なのかをタイトルバーで教えてくれています。

        つまりこのTITLEエレメントは、今作成しているファイルの名称を示していて、実際の画面上には表示
        されません。




        ●もうすこしこのテキストに手を加えますよ

        <HTML>
        <HEAD>
        <TITLE>月下美人の部屋:ホームページ</TITLE>
        </HEAD>
        <BODY>
        月下美人
         </BODY>
        </HTML>

    こんな感じになります


        ●今、加えたのは<HEAD>〜</HEAD>というHEADエレメントと<BODY>〜</BODY>
        というBODYエレメントです。

        ●ところがこの2つも画面には表示されていません。
        今かいた2つは、このHPがHTMLという方法でホームページをつくりますよ・・ってPCに初めに命令
        していますよね。
        そのHTMLで書かれたテキストを整理してねっ・・・という新しい命令なのです。

        どういうことなのかって言うとBODYエレメントで書いた文章はメイン画面に表示してくださいね、
        HEADエレメントで書いた文章はそれ以外ですよ・・・という命令なのです。

        つまりHEADエレメントはウィンドウ以外の情報を示し、BODYエレメントはウィンドウで表示させる
        部分ということになります。

        HPの画面に自己紹介とか、色々なお話が書いてあるのを私達は見ますよね。
        これらの文章は、全てこのBODYエレメントの中に書かれています。







[TOPに戻る]

[HP講座・索引]