属性	値	機能	記述例
src	画像ファイル	画像ファイルの指定	<IMG src="img.jpg">
alt	テキスト	画像の代替テキスト	<IMG alt="全体写真">
align	top middle bottom left right	上揃え中央揃え下揃え(初期値) 左寄せ右寄せ	<IMG align="top"> <IMG align="middle"> <IMG align="bottom"> <IMG align="left"> <IMG align="right">
border	数値	画像の枠の太さ	<IMG border="1">
width	数値/%	画像の幅	<IMG width="100">
height	数値/%	画像の高さ	<IMG height="100">
hspace	数値	画像の左右の余白	<IMG hspace="20">
vspase	数値	画像の上下の余白	<IMG vspace="10">
usemap	テキスト	マップの名前	<IMG usemap="#map">

サンプル

画像

文字が上揃えになります

枠の太さを２にしています

左右の余白が10ピクセルあります

サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するタグ・属性です。

<H2>画像</H2>
<IMG src="img/img0.jpg" width="120" height="90" alt="写真" border="0" align="top">
文字が上揃えになります<BR>
<BR>
<IMG src="img/img1.jpg" width="120" height="90" alt="写真" border="2">
枠の太さを２にしています<BR>
<BR>
<IMG src="img/img2.jpg" width="120" height="90" alt="写真" border="0" hspace="10">
左右の余白が10ピクセルあります

解説・注意点など

画像のサイズを指定しない場合、ブラウザは画像データをダウンロードした後にレイアウトを行うので、表示が遅くなります。width属性とheight属性は必ず設定しておきましょう。

← HTMLタグリファレンス/Tipsに戻る

eWeb