HOME > HTML TAG > イメージ

イメージ タグ



 <IMG SRC="***">  イメージ画像を表示させる。

***部分に画像ファイルを指定。

【タグ記載例】  <IMG SRC="gazou.gif">  <IMG SRC="gazou.jpg">
htmlファイルと同じフォルダに画像ファイルがない場合、イメージ画像のパス(アドレス)を指定してください。

【表示例】




 <IMG SRC="***" BORDER="*">  リンク時の枠の太さを指定。

画像をリンクのボタンなどに指定した時に自動的に枠がつきます。
※ブラウザにより異なる場合があります。各ブラウザで確認してください。

その枠の太さを指定します。
【タグ記載例】  <A HREF="img.htm"><IMG SRC="gazou.gif" BORDER="4"></A>

【表示例】


リンクの枠を消したい時は0に設定します。
【タグ記載例】  <A HREF="img.htm"><IMG SRC="gazou.gif" BORDER="0"></A>

【表示例】



 <IMG SRC="***" ALT="***">  ALT=" " の中に文章を書き込みます。

【タグ記載例】  <IMG SRC="gazou.gif" ALT="サンプル画像です">

【表示例】
サンプル画像です


画像が読み込まれる前や画像がでない場合もにも文章が表示されます。

【タグ記載例】  <IMG SRC="***.gif" ALT="サンプル画像です">

【表示例】
サンプル画像です

※故意にエラーで画像を表示させていませんが文章は表示されます。




 <IMG SRC="***" WIDTH="* " HEIGHT="* ">

イメージ画像のサイズを指定。
WIDTH="* " 幅のサイズ。 HEIGHT="* " は高さのサイズ。 ピクセルで指定。


本来の画像サイズは150×100です。それを75×50で指定してみます。

【タグ記載例】  <IMG SRC="gazou.gif" WIDTH="75" HEIGHT="50">

【表示例】



本来の画像サイズは150×100です。それを300×200で指定してみます。

【タグ記載例】  <IMG SRC="gazou.gif" WIDTH="300" HEIGHT="200">

【表示例】



画像サイズの原寸より、縮小・拡大した場合、それぞれ画質は落ちます。