XREA.COM
ad



画像タグで動く顔文字を使ってみたい!
うにたろ顔文字館(おもしろいのがたくさんありますよ〜

画像を表示します
<img src="url">
url に画像のURLを指定します。
<img src="http://masacom.wakky.info/image/banner/masam.gif">

画像の代替テキストを指定します
<img src="url" alt="alt">
alt に代替テキストを指定します。IEでは画像の上にマウスをのせると表示されたりします。また、画像を表示しない設定にしている場合や、画像を表示できないブラウザの場合は、かわりにここで指定したテキストが表示されます。
<img src="http://masacom.wakky.info/image/banner/masam.gif" alt="バナーだよ">
バナーだよ

画像の横幅や高さを指定します。
<img src="url" width="width" height="height">
width には画像の横幅を、height には画像の高さを、ピクセル(例:50)または割合(例:50%)で指定します
<img src="http://masacom.wakky.info/image/banner/masam.gif" width="176" height="62">
<img src="http://masacom.wakky.info/image/banner/masam.gif" width="88" height="31">

画像をリンクボタンにします
<a href="url"><img src="url" border="n"></a>
<a>のurl にはジャンプ先のアドレス(URL)、<img>のurl には画像のURLを指定します。
<a href="http://masacom.wakky.info/"><img src="http://masacom.wakky.info/image/banner/masam.gif"></a>
画像を<a href=""></a>で囲むと、上のように自動的に枠線が表示されてしまいますが、border="0" にすることによって枠線を消すことができます。
<a href="http://masacom.wakky.info/"><img src="http://masacom.wakky.info/image/banner/masam.gif" border="0"></a>

最後にあわせてみよう!
<a href="url"><img src="url" alt="alt" width="width" height="height" border="n"></a>
<a href="http://masacom.wakky.info/"><img src="http://masacom.wakky.info/image/banner/masam.gif" alt="Sei-Ryu-G@masa.com" width="88" height="31" border="0"></a>
Sei-Ryu-G@masa.com

Sei-Ryu-G@masa.com