ブラウザの背景に画像を壁紙として表示させるのを以前にやりました。ちょっと復習です。
たとえば、haikei.htm とでも名前を付けて保存し、ブラウザで確認してみましょう。保存場所はもちろん、hanami.gifが保存されている場所と同じ場所です。
<html>
<head>
<title>
今回は画像を使って遊びましょう（背景に画像を）
</title>
</head>
<body background="hanami.gif" text="#0000ff">
@niftyではただいま1999→2000年末年始特集をやっています。<br>
ぜひ@niftyホームページにアクセス、アクセス。(^_^)
</body>
</html>
背景に花見の壁紙が表示されていますね。
＜本文の中に画像を表示させよう、がぞぉーん！（ガチョーン！のつもり）＞
さて、ここからが今回のメインです。背景にではなく、本文の中に画像を表示させましょう。
基本的には、次のようにタグを記述することで、画像が表示されます。
<img src="画像名">
たとえば、hanami.gif を本文の中に表示させたい場合
<img src="hanami.gif">
と記述すればいいわけです。
<html>
<head>
<title>
今回は画像を使って遊びましょう（本文の中に画像を）
</title>
</head>
<body text="#0000ff">
@niftyではただいま1999→2000年末年始特集をやっています。<br>
ぜひ@niftyホームページにアクセス、アクセス。(^_^)<br>
<img src="hanami.gif"><br>
早く春にならないかな。<br>
まだ冬至にもなっとらんぞぃ！(^_^;<br>
</body>
</html>
テキストもそうですが、標準では左側に画像が表示されます。以前にやった揃えのタグを使えば、これらは中央や右よりにできます。
＜画像のサイズを指定して表示させる場合＞
<img="画像名" width="ピクセル数/割合" height="ピクセル数/割合">
widthは幅、heightは高さです。
画像を指定した後で、ピクセル（画素、画面を構成するの最小単位）数を指定するか、あるいはブラウザのウィンドウの幅と高さに対する相対的な割合を指定すると、画像の元のサイズとは関係なく指定されたサイズで画像が表示されます。
表示されるサイズが変形されるだけですので、画像を読み込む時間は変わりません。
<html>
<head>
<title>
今回は画像を使って遊びましょう（本文の中に画像を）
</title>
</head>
<body text="#0000ff">
@niftyではただいま1999→2000年末年始特集をやっています。<br>
ぜひ@niftyホームページにアクセス、アクセス。(^_^)<br>
<img src="hanami.gif" width="100%" height="50%"><br>
<br>
<img src="hanami.gif" width="50%" height="100%"><br>
<br>
<img src="hanami.gif" width="100" height="150"><br>
早く春にならないかな。<br>
まだ冬至にもなっとらんぞぃ！(^_^;<br>
</body>
</html>
ちょっと画像が大きすぎましたかね。(^_^;
