画像に関するHTML
■画像を表示する
■例

■HTML
<IMG SRC="画像URL">
■低解像度の画像を表示する
■例
![]()
■HTML
<IMG LOWSRC="画像URL">
■画像が表示できないブラウザを配慮する
■例
![tm流[背景用画像]](none.gif)
■HTML
<IMG SRC="画像URL" ALT="代替文字">
■画像の表示サイズを指定する
■例

■HTML
<IMG SRC="画像URL" WIDTH=横幅 HEIGHT="縦幅">
■画像の枠の太さを指定する
■例

■HTML
<IMG SRC="画像URL" BORDER="枠の太さ">
■画像でリンクする
■例

■HTML
<A HREF="リンク先URL"><IMG SRC="画像URL"></A>
■画像でリンクする場合の境界線を消す
■例

■HTML
<A HREF="リンク先URL">
<IMG SRC="画像URL" BORDER=0>
</A>
■画像のまわりに文章を回り込ませる
■例
画像の周りに文章を回りこませる
■例<IMG ALIGN="left">
回り込みを解除するには<BR CLEAR="left">
■HTML
<IMG SRC="画像URL" ALIGN="画像の表示位置">
■画像と文字の間隔を指定する
■例
画像のと文字の間隔を指定する
■例
HSPACE="50" VSPACE="20"
HSPACE=で左右の余白
VSPACE=で上下の余白を指定します
■HTML
<IMG SRC="画像URL" HSPACE="左右の余白" VSPACE="上下の余白">
■クリッカブルマップを指定する
■例
↑クリックできる場所を探してみてね
■HTML
<IMG SRC="画像URL" USEMAP="#マップ名">
<MAP NAME="マップ名">
<AREA SHAPE="形状" COORDS="座標" HREF="リンク先URL">
</MAP>
■形状と座標指定方法
形状
| 座標の指定方法
| |
default 画像全体
指定無し
| |
rect (四角形)
X1,Y1,X2,Y2(半角カンマで区切って数値を4つ指定)
| |
circle (円形)
中心X,中心Y,半径(半角カンマで区切って数値を3つ指定)
| |
poly (多角形)
X1,Y1,X2,Y2,…X*,Y*(数値を複数指定)
| |
Presented by
HTML辞典