画像を使う
せっかくのホームページなので文字だけじゃなくて画像も使いましょう。
ただし…表示速度が遅くなるので使いすぎは禁物です。
<IMG src="01.gif" width="53" height="53" border="0">
<IMG>タグを使います。
src="ファイル名"
width="表示する画像の横幅"(ピクセル単位)
height="表示する画像の高さ"(ピクセル単位)
border="画像を取り囲む枠線の太さ"(ピクセル単位)となります。

HOME BACK

画像を使う
図の位置に画像タグ<IMG>を挿入しました。
一度表示してみます。
…なんかイビツな画像ですが。
きちんと表示されました。
位置を中央にしてみましょう。
Pタグ内にALIGN="center"と挿入する事で中央寄せになります。
これは文字でも同じでした。
今度は画像にリンクを張ってみましょう。
図の位置、つまり画像タグ<IMG>の前に<A HREF〜>
のような感じで挿入します。
<IMG>タグの後に</A>で閉じるのを忘れないでください。
もう少し変化をみてみましょう。
今度はIMGタグの幅と高さを変えて変化をみます。
現状の設定は画像サイズそのままの設定です。
表示させます。
左のような感じで表示されました。
今度は縦幅も横幅も2倍に設定しました。
表示して変化を見てみます。
画像自体が2倍の大きさで表示されました。
これで画像を加工しなくてもサイズを変更して表示出来ます。
ただし…大きな画像はファイルサイズも大きいので
小さくして表示すればいいという物ではありません。
表示速度の問題もあるので
元画像の大きさを調節してから貼る方が無難です。
縦横を均等に調節しないと画像が歪んでしまうのも
覚えておいてください。
HOME BACK