画像(img)

記述:2010年5月23日

画像(img)といえば、ほとんどのWEBサイトで使用されています。
色々なパラメーターが指定出来ますが、基本だけ覚えれば大丈夫です。
*さらに詳しい事は、参考書などを読んで下さい。

<img />
画像を使用する場合は、このタグを必ず使用します。
これだけでは意味がないので注意です。

<img src="画像のURI" />
srcは相対パスや絶対パスで指定します。
画像の形式は、GIF.JPEG.PNGなどが指定出来ます。

<img src="画像のURI" alt="代替テキスト" />
画像が読み込まれない場合にテキストで表示する文です。
音声で読み上げられるのは、ALT属性の代替テキスト部分になります。
少し面倒ですが、絶対にこの値を入れて下さい。

<img src="画像のURI" alt="代替テキスト" width="横幅" height="高さ" />
横幅と高さも指定出来ます。
基本的に読む込む画像と同じ値にします。

画像を使用すると華やかなサイトを作成する事が出来ますが、使いすぎは注意です。
また、余程のことがない限り、画像の解像度を落として容量を軽くしましょう。

表示の遅いページは利用者から嫌われますので、上手く工夫して画像を使用しましょう。

<img src="../img/ball.jpg" alt="赤いボール" width="50" height="51" /><br />
通常は、この大きさです。<br />
マウスを画像の上に乗っけると、画像の代替テキストが表示されます。<br />
<br />
<img src="../img/ball.jpg" alt="赤いボール" width="100" height="51" /><br />
横幅を100pxにしてます。<br />
<br />
<img src="../img/ball.jpg" alt="赤いボール" width="50" height="100" /><br />
横幅を100pxにしてます。<br />

赤いボール
通常は、この大きさです。
マウスを画像の上に乗っけると、画像の代替テキストが表示されます。

赤いボール
横幅を100pxにしてます。

赤いボール
横幅を100pxにしてます。


inserted by FC2 system