背景に画像を入れてみよう（ホームページは難しくない）

ホームページは難しくない　　ちょこっと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ファイルから　背景画像までのパスが　きちんと合っているか確認してみましょう

【注意】

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