COE documents

img要素

ページに画像を埋め込んで表示できる．

src属性

img要素の必須属性であり，画像ファイルのURLを相対パスか絶対パスで指定する．

alt属性

img要素の必須属性であり，画像が表示されないとき代わりに表示される語句を指定する．

width属性

画像を表示するときの幅を指定する．

height属性

画像を表示するときの高さを指定する．

テンプレート	<img src="画像ファイル名" width=値 height=値 alt="コメント" />
画像ファイルの拡張子	画像形式 拡張子 特徴 JPEG形式 .jpg 小さなファイルサイズで，きれいに保存するのに向いている．フルカラー(1677万色) GIF形式 .gif イラストやグラフを保存するのに向いている．256色 PNG形式 .png イラストやグラフを保存するのに向いている．フルカラーか256色
値	値 値の効果 整数 ピクセル数を単位として表示される．  % ％単位で長さを指定する．
コメント	画像の種類 コメント 例 写真やイラスト 題名 alt="star" 文字画像 文字 alt="star" アイコン画像 アイコン alt="★" 罫線画像 罫線 alt="-----------" 飾り なし alt=""
例	<img src="bluestar.gif" width=50 height=50 alt="★" />
出力結果

widthとheightでサイズを記入しなかった場合，ブラウザには元の画像のサイズで表示される．それゆえ，元の画像のサイズのまま表示したいときは，そのブラウザ上で画像を右クリックし，プロパティから画像ファイルのサイズを確認した後でサイズを指定すればよい．

ismap属性

読者がクリックしたリンク画像の座標をサーバに送ることができる．

usemap属性

イメージマップを作るときに，対応するイメージマップ名を指定する．XHTML1.1以外ではイメージマップ名の前に#を付ける．

map要素

イメージマップを作成できる．

id属性

イメージマップの名前を指定する．

area要素

イメージマップの画像の中でクリックできる領域を作る．

href属性

イメージマップの領域をクリックしたときのリンク先のURLを相対パスや絶対パスで指定する．

alt属性

area要素の必須属性であり，画像を表示できないブラウザに対し，イメージマップの領域の代替テキストを記述する．

shape属性

イメージマップの領域の形を指定する．

coords属性

イメージマップの領域の位置や大きさを指定する．

テンプレート	<img src="画像ファイル名" width=値 height=値 alt="コメント" usemap="イメージマップ名" /> <map name="イメージマップ名"> <area href="パス" alt="コメント" shape="領域の形" coords="座標"> </map>
領域の形	領域の形 値の効果 default 領域全体. rect 四角形. circle 円形. poly 多角形.
座標	領域の形 座標 rect 左端のX座標,上端のY座標,右端のX座標,下端のY座標 circle 中心のX座標,中心のY座標,円の半径 poly(三角形の場合) 頂点1のX座標,頂点1のY座標,頂点2のX座標,頂点2のY座標,頂点3のX座標,頂点3のY座標,頂点1のX座標,頂点1のY座標
例	<img src="bluestar.gif" width=50 height=50 alt="★" usemap="#bluestar" /> <map name="bluestar"> <area href="../link/link-home.html" alt="link" shape="circle" coords="25,25,10"> </map>
出力結果

target属性

イメージマップの領域をクリックしたときに，リンク先のフレームを選択できる．

nohref属性

イメージマップの領域にリンク先がないことを示すことができる．