画像(イメージ)を張り込む
画像(絵や写真)の張り込みを行います。画像のファイル形式は.gifと.jpgの2種類があります。画像の処理方法や画像色がによりファイルサイズ(容量)が変わりますので、ファイル形式を使い分けましょう。
<IMG src="ファイル名"> | 画像のファイル名を入れます。 (注意)画像ファイルがHTMLファイルと同じディレクトリにある場合はファイル名をそのまま入れますが、違うディレクトリにある場合はパス名も入れて下さい。 |
<IMG src="ファイル名" width="幅" height="高さ"> | 幅と高さはピクセルかパーセントで指定します。 縦横比を保ちたい場合は片方の指定を数字で片方は「*」にします。 |
align="位置" | テキストの回り込みの位置を指定します。上揃え=top、中心=middle、下揃え="buttom"左寄せ="left"、右寄せ="right" |
●実際にソース表示と画面表示を見てみましょう。
ソース表示 | 画面表示 |
<IMG src="../image/ROAD.gif" height="100"
width="100">これは道路標識です。 もしくは <IMG src="../image/ROAD.gif" align="BOTTOM"height="100" width="100">これは道路標識です。 |
これは道路標識です。 |
<IMG src="../image/ROAD.gif"align="TOP" height="100" width="100" >これは道路標識です。 | これは道路標識です。 |
<IMG src="../image/ROAD.gif"align="" height="100" width="100" >これは道路標識です。 | これは道路標識です。 |
<IMG src="../image/ROAD.gif"align="LEFT" height="100" width="100" >これは道路標識です。 | これは道路標識です。 |
<IMG src="../image/ROAD.gif"align="LEFT" height="100" width="100" >これは道路標識です。 | これは道路標識です。 |