画像を使う せっかくのホームページなので文字だけじゃなくて画像も使いましょう。 ただし…表示速度が遅くなるので使いすぎは禁物です。 <IMG src="01.gif" width="53" height="53" border="0"> <IMG>タグを使います。 src="ファイル名" width="表示する画像の横幅"(ピクセル単位) height="表示する画像の高さ"(ピクセル単位) border="画像を取り囲む枠線の太さ"(ピクセル単位)となります。 ![]() |
| 画像を使う | |
![]() |
図の位置に画像タグ<IMG>を挿入しました。 一度表示してみます。 |
![]() |
…なんかイビツな画像ですが。 きちんと表示されました。 位置を中央にしてみましょう。 |
![]() |
Pタグ内にALIGN="center"と挿入する事で中央寄せになります。 これは文字でも同じでした。 |
![]() |
今度は画像にリンクを張ってみましょう。 図の位置、つまり画像タグ<IMG>の前に<A HREF〜> のような感じで挿入します。 <IMG>タグの後に</A>で閉じるのを忘れないでください。 もう少し変化をみてみましょう。 |
![]() |
今度はIMGタグの幅と高さを変えて変化をみます。 現状の設定は画像サイズそのままの設定です。 表示させます。 |
![]() |
左のような感じで表示されました。 |
![]() |
今度は縦幅も横幅も2倍に設定しました。 表示して変化を見てみます。 |
![]() |
画像自体が2倍の大きさで表示されました。 これで画像を加工しなくてもサイズを変更して表示出来ます。 ただし…大きな画像はファイルサイズも大きいので 小さくして表示すればいいという物ではありません。 表示速度の問題もあるので 元画像の大きさを調節してから貼る方が無難です。 縦横を均等に調節しないと画像が歪んでしまうのも 覚えておいてください。 |
| HOME BACK | |