授業形式でhtml・ソース・タグを勉強し、ホームページを自作する　背景画像（一部・固定）

ページの背景を一部のみ表示させるにはスタイルシートで記述していきます。
ページの背景ですから「body」タグですが、まずは今までどおりに作ってみます。

<body style="background-color:#ffffff; background-image:url(gazou/bcg1.gif); background-position:right bottom; background-repeat:no-repeat; background-attachment:fixed;">

すごく長いでしょ？
これをひとまとめにして書く方法があります。

<body style="background:#ffffff url(gazou/bcg1.gif) right bottom no-repeat fixed;">

スタイルシートの属性は「;」（半角セミコロン）で区切りますが、
まとめて書く場合はタグの属性のように「半角スペース」で区切ります。

それぞれの意味は

background-color:: #ffeeee 背景の色
background-image:: url(****/****.jpg) 背景の画像
background-position:: 左右left,center,right　上下top,middle,bottom 背景画像の位置
background-repeat:: no-repeat,repeat-x,repeat-y 繰り返しの有無と繰り返しの方向
background-attachment:: fixed 背景画像の固定（書けば固定になる）

≪練習≫
保存した「練習４.html」の「body」部分に背景画像を加えます。
「練習４.html」を右クリックし、「プログラムから開く」→「Notepad」をクリック。
「ファイル」→「名前をつけて保存」を選び、「練習５.html」で保存します。

「body」部分を下記のソースに入れ替えます。

<body bgcolor="#ffffff" background="gazou/bcg1.gif">
			↓
<body style="background:#ffffff
 url(gazou/bcg1.gif) right bottom no-repeat fixed;">

好みで「bcg2.gif」や「bcg3.gif」に入れ替えてください。
また、表示位置（左右left,center,right　上下top,middle,bottom）を変更しても構いません。
完成したら上書き保存してください。
右側のスライドバーをスクロールしても、背景画像は動きません。

≪完成したイメージ≫

スタイルシートをタグの中ではなく、<head>～</head>間に書く方法もあります。

<style type="text/css">
<!--
body {
	background-color:#ffffff;
	background-image:url(gazou/bcg1.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
-->
</style>

本体部分には<body>と書けば良いだけです。
この方が見やすいし判りやすいので、よく使われます。

これでページの背景については完了です。
5限目～今回の7限目までの内容は、ページの背景（bodyタグ）だけでなく、テーブルなどにも同様に使えます。
時間があれば勉強していきましょう。