HTML-背景の編集
今度は更に背景を改造してみましょう。ここでは、- 背景色を変える
- 背景に壁紙を使用する
背景の編集
前のページで作成した「index.html」を以下のように変更してください。index.htmlの変更その1 背景色を変える
<HTML>
<HEAD>
<TITLE>ホームページの練習</TITLE>
</HEAD>
<BODY BGCOLOR="aqua">
<CENTER>
<FONT SIZE="7"><B>私の<I>ホームページ</I>
にようこそ!</FONT></B><BR>
<FONT COLOR="BLUE">これから色々作成していきます。
ごゆっくりどうぞ</FONT>
</CENTER>
</BODY>
</HTML>
背景色を変更するには?
背景色や壁紙の指定は<BODY>タグのBGCOLOR属性(アトリビュート)タグで行います。
背景色を指定する場合は<BODY BGCOLOR="nnnnnn">
と記述します。nnnnnnには色名を指定します。
(上の例では、背景色にaqua(アクア)を指定しています)

↑上で説明したタグを打ち込みブラウザで表示するとこうなります
index.htmlの変更その2 背景に画像ファイルを使う
「back.gif」は、下の画像を右クリックして
【名前を付けて画像を保存】から取得してください。
<HTML>
<HEAD>
<TITLE>ホームページの練習</TITLE>
</HEAD>
<BODY BACKGROUND="back.gif">
<CENTER>
<FONT SIZE="7"><B>私の<I>ホームページ
</I>にようこそ!</FONT></B><BR>
<FONT COLOR="BLUE">これから色々作成していきます。
ごゆっくりどうぞ</FONT>
</CENTER>
</BODY>
</HTML>
背景に壁紙(画像ファイル)を使用するには?
壁紙を指定する場合は<BODY BACKGROUND="画像ファイル名">と記述します。画像ファイルには、gif形式やjpg形式のファイルが使用出来ます。
画像ファイルを指定する場合には、
画像ファイルの置いてあるフォルダ(ディレクトリ)までの
パス(道筋)を正確に記述してやる必要があります。
この例では、index.htmlと同じフォルダに画像ファイルが
あるものと仮定しています。

↑上で説明したタグを打ち込みブラウザで表示するとこうなります
投稿者 hana : 2006年01月23日 17:03
