☆ HTML講座 ☆　STEP1

*STEP 1*
	☆　ＨＴＭＬ講座　☆
HTMLって何だろう？

○ホームページ（以下ＨＰと略します）って　どうやって作られているのでしょう？

・HTMLと言う言語で作られています。
　細かい説明は他のＨＰや書籍、雑誌などにお任せしましょう（笑）

○HTMLってどんなもの？

・星の数ほど有る色々なＨＰ（ホントです（笑））の中の１つを選んで、もちろんこのＨＰでも良いのですが、画面上でマウスの右クリックでソースを（HTMLの内容）を表示させてみましょう。
・分からない場合はマニュアルで確認して下さい。と言うのはあんまりなので(;^_^A　　ちょっと細かく説明しましょう。

ネットスケープナビゲーター４の場合
・画面上でマウスの右クリックで”ソースの表示”を選んで下さい。
・それ以外では、画面上部の表示を選んで”ページのソース”を選んで下さい。　（この方法はフレームを使ったＨＰではちょっと違った内容が表示されます。）

インターネットエクスプローラー４の場合
・画面上でマウスの右クリックで”ソースの表示”を選んで下さい。
・それ以外では、画面上部の表示を選んで”ソース”を選んで下さい。　（この方法はフレームを使ったＨＰではちょっと違った内容が表示されます。）

　ずら～っと英語や漢字等の文字が表示されましたね。何じゃこりゃ（笑）ってかんじですよね。これが”ＨＴＭＬのソース（内容）”です。じっと少し見てみましょうか！カッコで<>でくくられた部分が幾つも見られると思います。これがタグと呼ばれるものです。（タグは必ず半角英語で書かれています。）タグについては追って説明します。

○ちょっと簡単なＨＰを作ってみます。

<HTML>
<HEAD>
<TITLE>簡単なＨＰ</TITLE>
</HEAD>
<BODY>
簡単なテストＨＰ
</BODY>
</HTML>

ｩ ちょっと解説ｩ
<HTML>：HTMLのはじめ！　　　</HTML>：HTMLの終わり！
<HEAD>：その中身のはじめ！　　　</HEAD>：中身の終わり！
<TITLE>：HPタイトルの指定！　　　</TITLE>：HPタイトルの指定の終わり！
TITLEはブラウザ（ネスケやＩＥ等）の一番上の所に表示されます。
（TITLE文は、必ず<HEAD></HEAD>の間に書きます。）
<BODY>：ＨＰの本文を書く所で画面に表示させる文を記入する所だね！　　　</BODY>：その終わり！

　ホントに簡単な説明ですが、これだけでＨＰを作る事が出来ます。まだ、これだけでは見栄えは良くないですけど．．．(;^_^A　　これをちょっとずつ変更するだけで（ちょっと違うような気もするんですが．．．）立派なＨＰが出来上がりますよ。その工夫については追って説明します。

○タグについて。

・タグは必ず半角英語で書かなければいけません。大文字でも小文字でも構いません。ちなみに全角とは、今書かれて有る日本語などの文字です。全角にも英語が有りますので注意が必要です。
　例）＜ＨＴＭＬ＞：全角　　　<HTML>：半角　です。
・タグは<>と</>のペアが基本です。<>だけの指定で良い物も何種類か有ります。（空タグと呼ばれています。）
　例）<BR>：改行　　<HR>：横罫線（仕切線）　　<P>：段落　等が有ります。

○色や文字の大きさを、太さ等を変えたＨＰを作って見ましょう！

・いきなり実践です（笑）
・まずメモ帳やワープロ等を用意して下さい。（分かっているとは思いますが、紙のメモ帳やワープロ機等を用意しないで（爆））　本当はテキストエディタ等が有れば良いのですが．．．

STEP2に行きましょう！！　　　戻る