画像の表示サイズを設定　width height

画像をホームページに表示させる方法を前回お話ししました。


今回は、その画像のサイズを変更する場合どうすればいいのか
というお話をします。

せっかくHP上に画像を設置できても、サイズが大きすぎたり
小さすぎたりとページに合っていないとかっこ悪いですよね！？


画像サイズを変えるときに使うのが、widthとheightです。
widthは横幅、heightは立幅の設定に使います。


本来は、画像サイズを整えてホームページに張り付けたほうが
ファイルの縮小にもなるのでいいと思うのですが、なかなか
面倒だし、同じ画像をサイズを変えて使いたい場合もあるので
サイズ変更を覚えておくと便利ですね！



また、このwidthとheightは、画像のサイズだけでなく、
表のサイズなど、ホームページ作成のときのサイズ変更を
するときに使うので必ず覚えておきましょう！


画像のサイズを変更する場合は、

＜img src="画像ファイル名" width="■px" height="▲px"＞

とします。


画像のサイズは立幅と横幅のバランスを考えて設定しましょう。


px（ピクセル）じゃなくて％でサイズを決めることもできるので
いろいろ試してみましょう！