今回は画像です。簡単です。
基本的には、次のような感じです。
<IMG SRC="INU.jpg" WIDTH="116" HEIGHT="245" ALT="犬の画像">
■基本
<IMG SRC="">
「SRC=""」の「""」の中に、ファイルのアドレスを書く。
これだけでも画像を表示させることは出来ます。
■オプション
●WIDTH=""
「""」の中に、画像の横のサイズを書く。単位はピクセル。「%」でも可。
(例 WIDTH="100"、WIDTH="10%")
●HEIGHT=""
「""」の中に、画像の縦のサイズを書く。単位はピクセル。「%」でも可。
(例 HEIGHT="100"、HEIGHT="10%")
※ サイズを%にすると、画像を拡大・縮小することが出来ます。
※ WIDTHとHEIGHTを設定しておかないと、画像が表示しきるまで、レイアウトが崩れたりします。
●ALT="
・「""」の中に、画像の説明を書きます。そうすると、画像の代わりに表示されます。
・説明は、画像が表示された後も、カーソルを画像に合わせれば見れます。
・画像が表示されるまでの間や、画像が見れない人や、非表示にしている人への説明となります。
HPを作るのに、画像をボタンとして使っているなら必須。
(因みに儂は、画像を非表示にしていたり、画像が多数で時間がかかるようなら中止ボタンを押すことがあるので、この時にボタンが画像で、説明がなければどれを押せばいいのか分からないので、別のHPに移動しちゃってます。)
□例
下の画像は次のように指定しています。
(最初の例とは、アドレス部分が増えてます。なんせこの掲示板は借り物ゆえ、サーバーは別なんで、フルで指定しています♪)
<IMG SRC="http://www.pluto.dti.ne.jp/~aoki-int/CG/INU.jpg" WIDTH="116" HEIGHT="245" ALT="犬の画像">