| 画像のサンプル |
<img> (サンプル) |
|
<img>タグのサンプルです。 |
|
| ★ 使用例とブラウザでの表示 |
 |
|
|
| 使 用 例 |
|
ブラウザの表示 |
|---|
| |
| alt属性
<img src="../acc/TopIdx.gif"
alt="イメージ サンプル"> |
代替え文字を表示します。
 |
| |
| border属性
<img src="../acc/TopIdx.gif" border=2> |
画像に境界線を表示します。
|
| |
| width,height属性
<img src="../acc/prv/imgSamp.jpg"
width=95 height=68>
<img src="../acc/prv/imgSamp.jpg"
width=80 height=57> |
| 画像の幅と高さが変わります。 |
|
|
|
|
|
|
|
| 使 用 例 |
|
ブラウザの表示 |
|---|
| |
| align="top"属性
<img src="../acc/prv/imgSamp.jpg"
align=top width=95>右側の上部に表示 |
右側の上部に表示 |
| |
| align="middle"属性
<img src="../acc/prv/imgSamp.jpg"
align=middle width=95>右側の中央に表示 |
右側の中央に表示 |
| |
| align="bottom"属性
<img src="../acc/prv/imgSamp.jpg"
align=bottom width=95>右側の下部に表示 |
右側の下部に表示 |
| |
| align="left"属性
<img src="../acc/prv/imgSamp.jpg"
align=left width=95>画像を左側に配置<br>
右側に文字を回り<br>込ませます |
画像を左側に配置
右側に文字を回り
込ませます |
| |
| align="right"属性
<img src="../acc/prv/imgSamp.jpg"
align=right width=95>画像を右側に配置<br>
左側に文字を回り<br>込ませます |
画像を右側に配置
左側に文字を回り
込ませます |
|
☆ align属性は、HTML4.01では非推奨とされています。 |
|
|
|
|
|
| 使 用 例 |
|
ブラウザの表示 |
|---|
| |
| vSpace属性
<img src="../acc/prv/imgSamp.jpg" vSpace=15
align=left width=95>最初は、上下の<br>スペー
スです。<br>この例では上下に<br>15ﾋﾟｸｾﾙの
スペース<br>を入れています。<br>スペース領
域を過ぎると左端から文字を表示します。 |
最初は、上下の
スペースです。
この例では上下に
15ﾋﾟｸｾﾙのスペース
を入れています。
スペース領域を過ぎると左端から文字を表示します。 |
| |
| hSpace属性
<img src="../acc/prv/imgSamp.jpg" hSpace=15
align=left width=95>次に、左右の<br>スペー
スです。<br>この例では左右<br>に15ﾋﾟｸｾﾙ
のス<br>ペースを入れています。 |
次に、左右の
スペースです。
この例では左右
に15ﾋﾟｸｾﾙのス
ペースを入れています。 |
| |
| vSpace hSpace属性
<img src="../acc/prv/imgSamp.jpg" vSpace=15
hSpace=15 align=left width=95>最後に､上下左
右<br>のスペースです｡<br>この例では上下<br>
左右に15ﾋﾟｸｾﾙ<br>のスペースを入れ<br>てい
ます。スペース領域を過ぎると左端から文字を
表示します。 |
最後に､上下左右
のスペースです｡
この例では上下
左右に15ﾋﾟｸｾﾙ
のスペースを入れ
ています。スペース領域を過ぎると左端から文字を表示します。 |
|
☆ vSpace属性・hSpace属性は、HTML4.01では非推奨とされています。 |
|
|
|
|
|
| 使 用 例 |
|
ブラウザの表示 |
|---|
| |
| <br clear="all">
<img src="../acc/prv/imgSamp.jpg" align=left
width=100>brタグで改行を入れると<br>
文字が回り込んだままの<br>改行となりま
すが、<br clear="all">clear属性を使うと、
回り込みが解除され<br>左端から文字を
表示します。 |
brタグで改行を入れると
文字が回り込んだままの
改行となりますが、
clear属性を使うと、回り込みが解除され
左端から文字を表示します。 |
|
☆ clear属性は、HTML4.01では非推奨とされています。 |
|
|
|
へ