ホームページのつくりかた・１．さいしょに

★　１．さいしょのさいしょ（基礎構成）　★

　　 HTMLファイルのきほん 　　

………………………………………………………………………………………
「メモちょう」に、したのきごう（タグといいます）をかいてみてね。
（はいいろのところはかかなくていいです。）
　HTMLファイルは、ほとんどがこのようなつくりになっています。
………………………………………………………………………………………

　

<HTML>

<HEAD>

<TITLE>はじめてのホームページ

(…ホームページのなまえ…)</TITLE>

</HEAD>

<BODY>

　　こんにちは。

(…いろんな文字やえ…)

</BODY>

</HTML>

………………………………………………………………………………………
上のようにかけたら、「file1.html」というなまえでほぞんしてね。
（ほぞんのしかたは、「このおへやについて」をみてね）
これから、このfile1.htmlというファイルをつかって
いろんなめいれいを　おぼえていこう。
………………………………………………………………………………………

　ブラウザ（がめん）でみると、こんなふうになります。（「みてみよう」ボタンをおしてね）

みてみよう！

●・　せつめい　・●

ホームページのきごう（タグ）は、ほとんどが　<～>　と　</～>　の２つで、ひとくみになっています。

<HTML></HTML>
　これから、ホームページをつくるめいれいをだしますよ、というきごう（タグ）です。
　ほかのタグは、みんな<HTML>と</HTML>のあいだにかきます。

<HEAD></HEAD>
　がめん（ブラウザ）にはみえないけれど、たいせつなめいれいや、どんなページかをかいておくところです。

<TITLE></TITLE>
　このページのなまえをかきます。
　このタグは、上の<HEAD>と</HEAD>のあいだにかきます。
　ここでは、「はじめてのホームページ」というなまえにしますね。

<BODY></BODY>
　このタグのあいだにもじをかいたり、えをつけるタグをかきます。
　ここでは、「こんにちは。」とかいてみます。

　 がめんのいろをかえる、えをしきつめる 　　

………………………………………………………………………………………
　でも、がめんがまっしろだよね。
　じゃ、いろをつけちゃおう。
………………………………………………………………………………………

<BODY と > とのあいだに
BGCOLOR="pink"（「がめんをピンクにしなさい」、というきごう）をいれると…

みてみよう！

　BGCOLOR="～"の、～のところをかえると、がめんのいろがかわります。
　　　（いろは、「おまけ・いろのいろいろ」をみてね）

………………………………………………………………………………………
　いろをかえるかわりに、えをしきつめることもできます。
………………………………………………………………………………………

<BODY>のところに BACKGROUND="えのファイルのなまえ"（「がめんに、えをしきつめなさい」、というきごう）をいれます。
　ここでは、ピカチュウのえをしきつめてみます。
<BODY BACKGROUND="pika1.gif">

みてみよう！

もうすこし　おにいさん、おねえさんのためのまとめです。

　タグのいろいろ(1)
　<BODYと>のあいだにいれてつかうもの

BGCOLOR="～"（～色指定）	→　背景色
BACKGROUND="～"（～はファイル名）	→　背景画像
TEXT="～"（～は色指定）	→　基本文字色
LINK="～"（～は色指定）	→　リンク文字色
VLINK="～"（～は色指定）	→　既訪リンク文字色
ALINK="～"（～は色指定）	→　リンクをクリックしたときの文字色
TOPMARGIN="～"（～はピクセル数など）	→　上余白
LEFTMARGIN="～"（～はピクセル数など）	→　左余白
RIGHTMARGIN="～"（～はピクセル数など）	→　右余白

<BODY BGCOLOR="～" TEXT="～" LINK="～" VLINK="～" ALINK="～">と、ならべて書いたりします。

まえへ

つぎへ