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




≪準備編2≫

                                        

        ●簡単なテキストだけのHTMLからスタートです

        まず、何も解らなくてもいいから次のように入力してみてください。

        ※何回も言いますけど、タグの入力は半角英字でやってください。


<HTML> 月下美人の部屋 </HTML>     こんな感じになります ●まずはここまでです。 勿論、私は「月下美人の部屋」といれましたけど、このコメントは自由に変えてください。 それからこの文章部分はメールを書くときやチャットの時にコメントをかくのと同じように打ち込んでくだ さいね。半角英字じゃありません、普通に打ち込んでくださいね。 入力が済んだら名前を付けて保存してください。 ファイル名は「HTMLのテスト.html」とでもしておいてください。 私がWindowsを使っているからWINで説明させてくださいね 保存がすんだらWINで確認してください。 「html」端子がついて画面に出ていますね。 アイコンも確認してください、「e」の親分みたいなマークになっていますね。 次にこの「e」の親分をダブルクリックしてみてください。 画面にさっき入力した「月下美人の部屋」という文字だけがでていますね。 ここでちょっと思い出してください。 <HTML>  </HTML> これが表示されないで消えていますよね? そうです、このタグは表示されなくて文章だけがこうして表示されていきます。 じつはこの「月下美人の部屋」という画面がすでにHPになっています。実際にはまだこれをWWWサーバ にUP(アップロード)していませんから誰の目にもふれませんが、この状態でUPしたら、世界中の人の 目に触れて、誰かがあなたのHPをみたら「・・・・???何だこれは?」と言うと思います(笑) ●それでは今のファイルを少しだけ解説しておきましょうか これは<  >の中の文字、今回はHTMLと入力しました。 これはコメント・文章をこれからHTMLという方法で書いていきますよ・・という命令をコンピューター に伝えたのです。 そしてこの<  >で囲まれた項目をタグと言いますね。 タグには始まりのタグと終わりのタグとで一組になっている事は「わかりやすいHP講座」で説明しました よね。 この二つのタグと、それに挟まれているコメント(文章)・・今回は「月下美人の部屋」をまとめて「エレ メント」といい、HTMLという形式(方法)でHPを作っていくので、「HTMLエレメント」といいま す。 文字といってもHTML形式のタグを、一定のルールに従って打ち込むだけだから、そんなに難しく考えな くても大丈夫だからね。 頑張って素敵な専用のHP(日記帳)を完成させてみましょうね






[TOPに戻る]

[HP講座・索引]