基礎編


このページはＨＴＭＬ講座の基礎編です。ホントの基礎なので飛ばしても構いません。
ＨＴＭＬのページを書くにはWindowsであればNotepadがあればできます。
とりあえず書いてみましょう。

<HTML> </HTML>


こう書いて保存をします。
名前はXXXX.html　またはXXXX.htm　にします。
そして保存したファイルを開くと、あら簡単一番シンプルなページの出来上がりです。

次にヘッドと呼ばれるものを記述します。
これは、スタイルシートやJavaScriptなどの記述やMETAHTTPの記述に使われます。今はふ〜んそんなもんなんだ。 という風に覚えておけば問題ないでしょう。

<HTML>
<HEAD> </HEAD>
</HTML>


です。そして次はタイトルです。これはＩＥなどで一番上の青いバーがありますね。
 このバーの文字を決めます。

<HTML>
<HEAD>
<TITLE>
ＨＴＭＬ講座
</TITLE>
 </HEAD>
</HTML>


こう打つとこのページのバーの表示もそうですが、この様になります。
検索エンジンなどで拾われるのはタイトルからが多いです。

次はボディです。この中に記述したものがいわゆる”ページ”となります。
HTMLでは一番重要な部分です。

<HTML>
<HEAD>
<TITLE>
ＨＴＭＬ講座
</TITLE>
</HEAD>
<BODY>
ＨＥＬＬＯ！！ＷＯＲＬＤ！！
</BODY>
</HTML>


このように打つと”ＨＥＬＬＯ！！ＷＯＲＬＤ！！”とかかれたページの出来上がりです。
次にコメントです。コメントとはページには反映させたくはないが、メモなど開発者側での目印となるものです。
 書いたものが反映されませんので、忘れそうになることなど記述することができます。

<HTML>
<HEAD>
<TITLE>
ＨＴＭＬ講座
</TITLE>
</HEAD>
<BODY>
ＨＥＬＬＯ！！ＷＯＲＬＤ！！
<!--　この部分はページに反映されません。-->
</BODY>
</HTML>


このようにして書けば、”ＨＥＬＬＯ！！ＷＯＲＬＤ！！”としかページに反映されません。
基礎編の最後にアドレス表示です。
 自分のメールアドレスなどを載せたいときに使います。（私も以前のページで使っています。）

<HTML>
<HEAD>
<TITLE>
ＨＴＭＬ講座
</TITLE>
</HEAD>
<BODY>
<ADDRESS>
製作：てるてるボーズ
Email:D's Freemail!!
</ADDRESS>
</BODY>
</HTML>


すると

製作：てるてるボーズ
Email:D's Freemail!!

このようになります。
以上で基礎編は終わりです。 次から本格的なページの作り方に入っていきます。
気長にがんばっていきましょう！