IMGの設定

IMGの設定と記載方法

画像を表示

IMGタグは画像を表示します。(終了タグは要りません)

表示する画像はSRC属性で指定し、表示可能なファイル形式は 「GIF」、「JPEG」、「PNG」、などの画像ファイルです。


【IMG属性の記載方法と表示結果】
IMGタグの属性と機能 指定例
src = 表示する画像ファイルを指定
alt = 画像の代わりに表示する文字を指定
hspace = 画像の横方向の余白を指定(px値)
vspace = 画像の縦方向の余白を指定(px値)
width = 画像の幅を指定(px値 または %)
height = 画像の高さを指定(px値 または %)
border = 画像の枠線の太さを指定(px値)
<img src="ga.jpg"> <img src="ga.jpg" alt="文字指定"> <img src="ga.jpg" hspace="100"> <img src="ga.jpg" vspace="100"> <img src="ga.jpg" width="400"> <img src="ga.jpg" height="400"> <img src="ga.jpg" border="1">
IMG属性の記載 表示結果
src属性の指定

表示する画像ファイルを指定
<img src="key/don99.gif">
alt属性の指定

カーソルを画像に充てると alt の表示が出ます。
<img src="key/don99.gif" alt="alt属性の指定">
alt属性の指定
hspace属性の指定

画像を横方向にずらす (ピクセル値の値だけ書く!)
<img src="key/don99.gif" hspace="50">
hspace属性の指定

画像を縦方向にずらす (ピクセル値の値だけ書く!)
<img src="key/don99.gif" vspace="70">
width属性の指定

画像の幅を指定 〔px値 または %〕
<img src="key/don99.gif" width="60px">
height属性の指定

画像の高さを指定 〔px値 または %〕
<img src="key/don99.gif" height="15px">
border属性の指定

画像の枠線の太さを指定
<img src="key/don99.gif" border="0px"> <img src="key/don99.gif" border="5px">