イメージのサイズと境界線の指定
イメージのサイズと境界線の指定をします。
イメージの表示 サイズ指定
境界線の指定


イメージの表示
<IMG SRC="イメージファイル名または、url">

　イメージ(画像)を表示するために基本となるタグです。 通常は、GIFファイル(アニメーションGIFを含む)やJPEGファイル名を指定します。
　イメージが置いてあるurlを記述する場合もあります。

Topへ

サイズ指定
<IMG SRC="イメージファイル名または、url" WIDTH="n1" HIGHT="n2">
n1 = ピクセル数または、ブラウザに対する割合(%)
n2 = ピクセル数または、ブラウザに対する割合(%)		 横幅の指定
縦幅の指定

　イメージの横幅・縦幅を指定します。 ピクセル数はイメージに対する絶対値で指定されるため、 どんなスクリーンでも同じ大きさになります。 これに対し、パーセンテージはウィンドウの大きさに対する割合(比率)を指定するため、 イメージの大きさはウィンドウの大きさに左右されます。
　イメージの大きさを指定しておくと、ページが全て読み込まれないうちでも、 イメージの全体像を把握することができるので、 ページ内の他のデータの読み込みが早くなります。
　なるべくサイズ指定をするようにしておきましょう。

Topへ

境界線の指定
<IMG SRC="イメージファイル名または、url" BORDER="n">
n = ピクセル数 境界線(外枠)の太さ

　イメージをリンクボタンに指定すると四角い境界線(外枠)が引かれますが、 通常のイメージには境界線は引かれません。
　BORDERオプションを使用して境界線の太さを指定することによって、 イメージに境界線を描いたり、 デフォルトで描かれていたリンクボタンの境界線の太さを変更することができます。
　また、BORDER="0"に指定するとイメージにリンクを張る場合でも、 リンク用の色付き枠が教示されないようになります。

画像の素材集
<A>(link)について
イメージについて

Topへ

見本ＳＯＵＲＣＥ

<HTML>
<HEAD>
<TITLE>イメージ(サイズと境界線の指定)</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<BR>
<IMG SRC="hima.gif" BORDER="2" WIDTH="100" HIGHT="95" alt="ひまわりの絵">
<IMG SRC="hima.gif" BORDER="0" WIDTH="200" HIGHT="190" alt="ひまわりの絵">
<IMG SRC="http://www.earthsea.hamamatsu.shizuoka.jp/y-semi/97/yuriko/face01.gif" WIDTH="45" HIGHT="45" alt="顔？">
<BR>
</BODY>
</HTML>


このＳＯＵＲＣＥを実行してみる...
１０秒で自動クローズします。

Topへ

前のページへ 次のページへ