快傑タグタグ大辞典＝HTMLって何ぞや初級編＝

快傑タグタグ大辞典
＝HTMLって何ぞや初級編＝

　HTMLでHPを作るときには決まりがあって、以下のようなタグを使います。
HPを作るときは以下のタグをメモ帳にコピーして使ってください。

ホームページは<HTML>と</HTML>の間に書かれたことが表示されます。
まず下記のように打って見ましょう。

<HTML>
<HEAD>
<TITLE>文理三郎のホームページ</TITLE>
</HEAD>
<BODY>ようこそ文理三郎のホームページへ
</BODY>
</HTML>

打ち終わった後、メモ帳をテキスト文書形式（index.txt）で保存した後、
HTML形式（index.html）で保存しましょう。
保存し終わったらブラウザ（Internet Exproler）で表示させて見ましょう。
見本はこんな感じです。見本のようにできましたか？

このままではつまらないのでもう少し手を加えましょう。
 は行を改行します。
は文字を太字にします。
は文章を段組をします。
は文章の位置を調節します。""内を"left"にすると左寄せ、
"right"にすると右寄せになります。
は文字飾りを施します。
は文字のサイズを変えます。""内の数字（1～7と-2～+4）を
変えると文字の大きさが変わります。
<HR>は平行線を引くタグです。
打つのが面倒なときは以下のタグをコピーしてくださいね。

<HTML>
<HEAD>
<TITLE>文理三郎のホームページ</TITLE>
</HEAD>
<BODY>
<CENTER>ようこそ文理三郎のホームページへ</CENTER>
　このページはリンクを中心にしたものです。よかったら使ってやってください。
目次
自己紹介 
私はこんな人です（笑）
掲示板 
残念ながら工事中です。
リンク 
お役立ちリンク集
メール 
メールを送るときはこちら
<HR>
</BODY>

</HTML>

打ち終わった後、メモ帳をテキスト文書形式（index.txt）で上書き保存した後、
HTML形式（index.html）で上書き保存しましょう。
保存し終わったらブラウザ（Internet Exproler）で表示させて見ましょう。
見本はこんな感じです。見本のようにできましたか？

背景が白だとつまらないので背景に色をつけたりリンクを付けてみましょう
<HR>は平行線を引くタグです。
<BODY bgcolor="#00cc00"></BODY>は背景色を変えます。ここでは薄い緑にしてあります。
""内の#00ｃｃ00の部分を変えれば任意の色にできます。色見本はこちら。
<A href="http://www.dokokanogakko.ac.jp/"></A>
はリンクを張るタグです。""内の部分のアドレスを変えれば目的のページに飛ぶことができます。
また""内の部分を"mailto:user@dokokanogakko.ac.jp"のようなメールアドレスと打つとメールを送ることもできます。

<HTML>
<HEAD>
<TITLE>文理三郎のホームページ</TITLE>
</HEAD>
<BODY bgcolor="#00cc00">
<CENTER>ようこそ文理三郎のホームページへ</CENTER>
　このページはリンクを中心にしたものです。よかったら使ってやってください。
目次
自己紹介 
私はこんな人です（笑）
掲示板 
残念ながら工事中です。
<A href="link.html">リンク</A> 
お役立ちリンク集
<A href="mailto:1199000@nagoya-bunri.ac.jp">メール</A> 
メールを送るときはこちら
<HR>
このページはサンプルページです。上記のメールアドレスとリンク先は架空のものです。
</BODY>

</HTML>

とりあえずこれでホームページは完成です。
中級編はまた後日。

BACK

NEXT

BACK TO INDEX