IMG

説明

イメージファイルの設定を行ないます。

オプション

SRC = "☆"　-->　使用するイメージファイルを指定します。

● ☆ = filename 　　　filename = ファイル名

ALT = "☆"　-->　使用するイメージファイルが表示されない場合のために画像の説明をします。

● ☆ = comment 　　　comment　=　指定しているイメージファイルの内容を表します。

WIDTH = "☆"　-->　使用するイメージファイルの横幅を指定します。

● ☆ = pixel,% 　　　pixel　=　ピクセル数（ピクセルとは、ディスプレイ画面の解像度の単位） 　　　%　　　=　パーセント（割合）

HEIGHT = "☆"　-->　使用するイメージファイルの縦幅を指定します。

● ☆ = pixel,% 　　　pixel　=　ピクセル数（ピクセルとは、ディスプレイ画面の解像度の単位） 　　　%　　　=　パーセント（割合）

ALIGN = "☆"　-->　使用するイメージファイルに対しての文字の表示位置を指定します。

● ☆ = TOP,MIDDLE.BOTTOM 　　　TOP　　= イメージの上部に合わせて文字を表示させます。 　　　MIDDLE = イメージの中部に合わせて文字を表示させます。 　　　BOTTOM = イメージの下部に合わせて文字を表示させます。

BORDER = "☆"　-->　使用するイメージファイルの境界線の幅を指定します。

● ☆ = pixel 　　　pixel　=　ピクセル数（ピクセルとは、ディスプレイ画面の解像度の単位）

LOWSRC = "☆"　-->　SRCで指定したイメージファイルより先に表示するイメージファイルを指定します。 　　　　　　（２段階で表示するようになるので、一般的にSRCよりも軽いファイルを指定します。）

● ☆ = filename 　　　filename　=　表示するファイル名

使用例

☆★画像を表示させたい!!★☆

● 用意するもの 　　　image.gif（イメージファイル） 　　　これはイメージです。（ALT用のコメント） ● 設定方法 　　　<IMG SRC = "./../image.gif" ALT = "これはイメージです"> ● 表示結果 イメージファイルが存在した場合 イメージファイルが存在しない場合

☆★画像のサイズを変えたい!!★☆

● 用意するもの 　　　image.gif（イメージファイル） ● 設定方法 　　　<IMG SRC = "./../image.gif" WIDTH = "20" HEIGHT = "60"> ● 表示結果

☆★リンクを張った時に見えてしまう画像の境界線を消したい!!★☆

● 用意するもの 　　　image.gif（イメージファイル） ● 設定方法 　　　<TABLE BORDER = "1"> 　　　<TR> 　　　　　<TH> 　　　　　　　なにもしていない 　　　　　</TH> 　　　　　<TH> 　　　　　　　BORDER = "0" 　　　　　</TH> 　　　</TR> 　　　<TR> 　　　　　<TH> 　　　　　　　<A HREF = "test.htm"><IMG SRC = "./../image.gif"></A> 　　　　　</TH> 　　　　　<TH> 　　　　　　　<A HREF = "test.htm"><IMG SRC = "./../image.gif" BORDER = "0"></A> 　　　　　</TH> 　　　</TR> 　　　</TABLE> ● 表示結果 なにもしていない BORDER = "0"

☆★イメージに複数のリンクを設定したい!!★☆

● 用意するもの 　　　image.gif（イメージファイル） 　　　test.htm（リンク先ファイル） ● 設定方法 　　　<IMG SRC="./../image.gif" USEMAP="#IMAGE_MAP"> 　　　<MAP NAME="IMAGE_MAP"> 　　　　<AREA SHAPE = "CIRCLE" COORDS = "57,19,13" HREF = "test.htm"> 　　　　<AREA SHAPE = "POLYGON" COORDS="11,31,26,31,40,26,31,8,16,0,10,14,10,15,8,15,9,15,10,33" HREF = "test.htm"> 　　　</MAP> 　　　AREAの説明 SHAPE = "☆" ☆ = RECT(正方形）,CIRCLE（円形）,POLYGON（多角形）,DEFAULT（どの領域にも入らない） COORDS = "☆" ☆ = 座標 HREF = "☆" ☆ = リンク先ファイル名 ● 表示結果 　　　 　　　 この画像の中の犬の頭としっぽにリンクを張っています。わかるかな？