5-1.ホームページを作ろう


正男はできた!けど、ホームページなんかがないと、その正男は、公開できません。
投稿掲示板ってものもありますが、今回は、ホームページを作ってみましょう。

基本的に、ホームページは、HTMLタグっていうものの、組み合わせでできています。
<B></B>←こんな感じのです。
タグについては、次のページで説明します。
このページでは、この文書は、HTMLですよ〜ってことが、わかるようなものを作ります。

HTML文書を作るには、特別なものがいりそうですが、
Windowsについてる、「メモ帳(NotePad)」などの、字が打てるものなら、たいてい大丈夫なんです。
しかし、ワープロソフトなどだと、特殊な形式で保存してしまうことがあるので、やめてください。

と、その前に、今後作る時にやりやすくなるので、ホームページ専用のフォルダを作っておいてください。
その中に、どんどん保存していきます。ここで、半角英数で保存したりしてください。

メモ帳を開いたら、とりあえず、どこに保存するか、決めたいので、「名前を付けて保存」してください。
ファイル名は、「******.html」(******にお好みの英数字、長すぎないように…)にしてください。
普通、トップページは、「index.html」とします。

余談ですが、ファイル名の後ろの、「.html」という部分を、拡張子と呼んでいます。
これは、このファイルは、画像ですよ〜とか、音楽ですよ〜っていう風にパソコンに説明しているものなんです。
「.html」は、ホームページなのでブラウザで開いてね、って説明しています。

ってことで、次からは、ブラウザで開いてしまいます…
開いた後、表示>ソースの表示、または、右クリック>ソースの表示で、編集できます。

では、実際に、文書を打ち込むんですが、打つときに、こういう風に決まりがあります。

<HTML>


<HEAD>
<TITLE>ページのタイトル</TITLE>
</HEAD>


<BODY>
〜〜〜〜〜〜〜〜〜〜〜〜〜
ここに、本文を書きます。
〜〜〜〜〜〜〜〜〜〜〜〜〜
</BODY>

</HTML>

とにかく、こういう風に打ってくださいね。
大文字じゃなくてもいいですが。
ためしに、こういう風にしてみました。

<HTML>
<HEAD>
<TITLE>○○のホームページ</TITLE>
</HEAD>
<BODY>
こんにちは。
ここは、○○のホームページです。
楽しんでいってください。
</BODY>
</HTML>

改行されていない・・・^^;すると、こういう風に…

改行していないですね。(汗
改行するには、<BR>というタグを使用します。

<HTML>
<HEAD>
<TITLE>○○のホームページ</TITLE>
</HEAD>
<BODY>
こんにちは。<BR>
ここは、○○のホームページです。<BR>
楽しんでいってください。<BR>
</BODY>
</HTML>

改行されているこんどは、こんな風に。

無事に改行できました。

背景色を変えるには、<BODY>の部分を、<BODY BGCOLOR="背景色">とします。
背景色には、色の英単語(red,green,whiteなど)を入力、
もしくは、カラーコードというもの(#000000)を入力します。
カラーコードは、#000000というように、赤・緑・青の量を16進数(00,01,02…09,0A,0B…0E,0F,10,…9E,9F,A0,A1…FE,FF)で、あらわしています。
そろそろ、次のページへ…


戻る トップ 進む