HTML講座 第一回目
 1限目 (HPを作る手順をマスターする)
それでは早速、メモ帳でホームページを作ってみましょう。
そうです、第一回目から、もうHPを作ってしまうのです。
心の準備はいいですか?
それでは、メモ帳を開いて下さい。

● 初めは何も考えずに、メモ帳で次のように書いて下さい。

<html>
<body>

私のホームページ

</body>
</html>

これでホームページの完成です!!
いえ、うそではありません、本当に完成です。

それでは、今作ったホームページを保存して、実際にどのように表示されるのか見てみましょう。
ですが、保存の仕方に注意して下さい。ちょっと特別な保存の仕方をします。

 まずは普通に、[ファイル] → [名前を付けて保存] を選択して下さい。
そして、ファイル名はここでは index.html (半角文字でなければなりません)としましょう。
 そして更に、ファイルの種類(T): という項目が現在 テキスト文書 になっていると思います。
これを すべてのファイル(*.*) に選択し直して下さい。ここが肝心です。
(また、保存したファイルをメモ帳で開くときも同じです。すべてのファイル(*.*)を選択しておかなければ、保存したファイルを開くことができません。)
 そして保存をするのですが、保存する場所は、前回の難問で制作したフォルダーにでも保存しましょう。

 さて、それではエクスプローラーを開き、保存したフォルダーを開いて見ましょう。

どうですか、上の図の、えんで囲っている部分のように表示されましたか?
でもたぶん、「.html」が表示されていないと思いますが、それは無視して下さい。

きちんと index が表示されていれば、このファイルをダブルクリックして下さい。

どうですか?
今作ったばかりのホームページが表示されたと思います!!
これが、HPの作り方の手順なのです!!

どうです?できましたか?難しくないですか?

キーンコーンカーンコーン・・・(1限目終了)


 2限目 (HTMLの基本形を説明)

それでは、HTMLの解説に入りましょう。
始めに、HTMLとは何か?
それは、ハイパー・テキスト・メイクアップ・ラングエッジ、そのまま訳して、かっこいい文面を作るための言葉、というような意味になりますよね。
そして、このかっこいい文面を作るために、タグというものが使われます。

もう一度、前に書いたHTMLソースを見てみましょう。

<html> ← タグとはこれらのことです。
<body>

私のホームページ

</body>
</html>

「 < 」 と 「 > 」 で挟まれた文字列のことをタグといいます。

そして、HTMLは、
<html> というタグから始まり、</html> というタグで終わります。

またブラウザーに表示させる内容は、
<body> というタグから始まり、</body> というタグで終わります。

これが最も基本になる形です。
基本を学んだところで、次回は、文字に効果を付けるためのタグを覚えていきましょう!

面白くなるのは次回からです!!


たっちゃんのHTML講座

[Back]