--年--月--日

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
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
人気blogランキング

スポンサーサイト

メイン

≪New スキン編集について思うこと | Top | 思わず涙が出て、留まりませんでした。 Old≫

トラックバックURL


コメントする

お楽しみ:
サイト管理者にのみ通知する

チェックするとコメントプレビューがオンになります。

ご利用のブラウザ、設定ではご利用になれません。


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。