タグを打ってみよう。


さっき、適当に保存したやつを開き、本格的にタグを打ち込みます。

え?タグってなにかって? ここをクリック なんか変な日本語じゃないのが

まじってますよね?それがタグ(HTML)です。

これでHPを作っていくのです。メモ帳で作る場合は、これはなくてはならないものです。

字を書くのにもタグがいります。なにをするのにもタグが必要なのです。

まず初めに、↓のタグを1番上に打ち込んでください。

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


↑は絶対に打たねばなりません。ないとおかしくなります。

ここで、タグの説明をします。

<HTML>
 は、ここからタグを打ち込むというタグです。


<HEAD> は、ヘッダという名です。これは全体のスタイルを指定します。
          ココに入れるものは、ほとんどスクロールバーなどです。

<BODY> は、ボディーといいます。
        ここから、打つタグはそのページに表示されます。

/(スラッシュ)のつくタグは、ここで終わりです。ということをあらわします。

たとえば、 <HTML>で始まったら、<HTML/>で終わります。

必ず、終わる時には/をつけます。

これが、基本中の基本です。覚えましょう。



<HEDA>〜</HEDA>へいれてみよう


1.まずは、ページのタイトルをつけましょう。

<TITLE>タイトル</TITLE>

↑がタイトルを表示するタグです。

タイトルの部分を消して、自分のHPのタイトルを入れます。

これをいれると、↓のようにになります。

<HTML>
<HEAD>
<TITLE>☆HP作成講座☆</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

すると、インターネット上では、1番上の方の青い部分に、☆HP作成講座☆とでます。

そしたら、次はスクロールバーです。これも<HEDA>〜</HEDA>に入れます。

<HTML>
<HEAD>
<TITLE>☆HP作成講座☆</TITLE>

<style type=text/css>  スクロールバーの始まり。
<!--
body{
scrollbar-face-color:white;
scrollbar-highlight-color:white;
scrollbar-shadow-color:white;
scrollbar-3dlight-color:white;
scrollbar-arrow-color:black;
scrollbar-track-color:white;
scrollbar-darkshadow-color:white;
}
-->
</STYLE>  スラッシュがついてるのでココでスクロールバーのタグ終わり。

</HEAD>

<BODY>
</BODY>
</HTML>

↑のようになります。すると、インターネット上ではスクロールバーが
黒い矢印に見えるはずです。

このスクロールバーのタグが、このHPのHTMLでもいっぱい配布されてますので
好みのを選んで、いれてくださいね。