【PR】 多機能のバナーおよびテキスト文交換システム バンコムバナー交換

ホームページは難しくない  ちょこっとHTML  Lesson3

<body background="○○○"> 〜 </body>

背景に画像を指定する場合は <body>タグの background の属性で 使用する画像を指定します
指定された画像は 背景にタイルのような感じで敷き詰められますので
途中で変更したり 部分的に表示する なんてことは出来ません

背景画像を選ぶポイントは ファイルサイズの大きい物はさけて テキストが読みやすいような
画像を選ぶようにしましょう

では 実際ににやってみましょう
背景に使う画像は 下の画像です 
このファイル名は 仮にbg_1.gif とします

<html>
<head>
<title>背景サンプル</title>
</head>
<body background="bg_1.gif">
   :
   :
</body>
</html>

すると こんな感じになります  → クリック

背景やイラストに使う画像ファイルなどを フォルダに分けて入れている場合は
背景を入れたいhtmlファイルから 画像までのパスを通してあげないといけません

例えば 背景画像が image というフォルダ内に入っている場合だと
下のようなソースになります

今度は 違う画像でやってみます

<html>
<head>
<title>背景サンプル</title>
</head>
<body background="image/bg_2.gif">
   :
   :
</body>
</html>

すると こんな感じになります  → クリック

背景の画像がうまく表示されない という場合は 
HTMLファイルから 背景画像までのパスが きちんと合っているか確認してみましょう

【注意】

背景画像を指定したら 念のため背景色も指定しておきましょう
例えば 黒っぽい画像を背景にしたら 文字は白っぽい色になりますね
もし 画像がうまく表示されなかった場合 背景はそのまま 白になってしまいます
訪問者側のパソコンの設定で 画像を読み込まないようになっていても 同じく白になります
これでは 文字が読めませんよね
ですから 画像が表示されなかった場合もふまえて 背景画像の色と似たような背景色を指定
するように心がけておきましょう

 

ホームページは難しくない  ちょこっとHTML  Lesson3

当ホームページは リンクフリーです! 
Copyright (C) 2004. mamoho. All Rights Reserved.
掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます。

Click Here!