Web Creation > STEP3-1
画像のリンク
画像を表示する方法と、他のページへ移動する方法はSTEP2で紹介しました。ここでは、この2つを組み合わせて、画像をクリックしたときに他のページへ移動するリンクを作成する方法を紹介します。
表示方法は以下の通りです。
<A HREF="移動先 のアドレス"><IMG SRC="画像ファイル名" ALT="代替テキスト" BORDER="枠線の太さ" align="配置" width="幅" height="高さ"></A>
よく使われる方法として、<A>タグで移動先を指定し、<A></A>の間に表示したい文字を入れることがほとんどですが、その文字の代わりに<IMG>タグを入れることで、画像のリンクを実現することができます。
使用例
<a href="index.htm"><img border="0" src="home.gif"></a>
この例では、title_s.gifという名前の画像をクリックしたときに、home.htmに移動することができます。ちなみにこのページの一番上の画像もこれが利用されています。どの部分が該当箇所かこのページのソースから探してみてください。