HTML 画像のサイズ

画像の縦横のサイズ

width= 横幅　 height= 縦幅　　　十進数(整数)または％で指定する。

画像のサイズを指定する

表示サイズの width height を指定しない場合、読み込むのが手探り状態でブラウザに表示するまで
余計な時間が掛かってしまうので、サイズ指定をして画像表示の時間を早めるようにしましょう。

（註） HTML4.0 以降、実サイズでも指定するように推奨されていて無指定の場合エラーとなります。

画像の高さ・幅を指定、画像表示例

	<img src="sample.jpg" width="90" height="60">
	<img src="sample.jpg" width="150" height="95">

応用として、画像をサイズ変更してライン表示してみるのも面白い。
上の画像のライン表示　　<img src="sample.jpg"　width="100%"　height="4">
lin

要素	属性	語源	読みかた	説明
IMG		image	イメージ	（印象、映像）画像を表示するタグ
	src	sorce	ソース	（出典）表示する画像ファイルを指定
	width	width	ウイズ/ウィドゥス	広さ, 幅, 横；の意味　画像サイズの、横幅を指定する。属性値をピクセル(整数)または、ウインドウに対する割合の％で指定する。
	height	height	ハイト	高さの意味　画像サイズの、縦幅を指定する。属性値をピクセル(整数)または、ウインドウに対する割合の％で指定する。

通常　画像表示は、サムネイル画像（縮小画像）と、正規表示画像を作成する。
あくまで、ページレイアウトの為にサイズ調整する使い方が主でしょう。
極端に拡大サイズ変更をすると画像が劣化して表示されるので、ページレイアウトでやむを得ない程度に
指定して、通常画像を拡大表示するにはサムネイル画像（縮小画像）からリンクで表示する。
画像の高さ・幅を設定　コピーと貼り付けでタグを、貼り付けて下さい。