2008年11月19日
2005年12月03日
画像にリンクを張る！
画像にリンクを張る！
- 2006/09/27 追記
この記事で紹介している、別ウインドウ（別窓）でリンクを開くtarget="_blank"ですが、Webの常識では、『リンク先にジャンプするか、別ウインドウ（別窓）で参照先を表示するかを選択するのは、あくまでリンクをクリックする訪問者の意思であるべきなのでtarget="_blank"は非推奨』とのこと。これから先のブラウザが、すべて準拠していって、target="_blank"の設定がエラーを引き起こすことにもつながりかねません。この記事のtarget="_blank"の設定はおすすめできません。詳しくは次の記事をご覧ください。→リンクを別ウインドウ（別窓）で開かないようにしました。
なお、リンク先を別ウインドウ（別窓）で開くには、[shift]を押しながらリンクをクリックするか、リンクを[右クリック]−[新しいウインドウで開く]としてください。
今回も、生意気にも、人気blogランキング、ブログフリークとブログランキングranQに登録しましたので、そのリンクを画像に貼り付けました。
＜方法＞
<a href="http://〜リンク先アドレス〜" >と</a>の間に、画像を表示するタグの<img src="http://〜画像のリンク先アドレス〜" width="幅" height="高さ" alt="画像の替わりに表示される文字" />を記入するだけです。（</img>は不要です。）
また、<a>の中に、target="_blank"を書き加えると、リンク先が別ウインドウで開きます。（ここでは、せっかく訪れてくれた方が、応援クリックしてくれるのですから、自分のページとは別ウインドウで開くようにした方がよろいしいと思います。）
さらに、<img>の中に、alt="画像の替わりに表示される文字"を書き加えると、画像が表示されないとき、この「画像の替わりに表示される文字」が表示されるようになります。
（例）
<a href="http://〜リンク先アドレス〜" target="_blank"><img src="http://〜画像のリンク先アドレス〜" width="幅" height="高さ" alt="画像の替わりに表示される文字" /></a>
↓ ぽちっと応援お願いします♪ m(_ _)m
≪New スキン編集について思うこと | Top | 思わず涙が出て、留まりませんでした。 Old≫
トラックバックURL
