画像が表示するのにリンクが貼れてないのは・・・ | たこのブログ

画像が表示するのにリンクが貼れてないのは・・・


リンクは「aタグ」を使います。

基本形
<a href="リンク先のURL"></a>

「aタグ」と閉じタグ「</a>」の間に画像や文字を置きます。
「バナーにリンクを張る」場合は画像だね。

バナーにリンクを張る
画像は「imgタグ」を使います。
(ちなみにimgタグには閉じタグはありません)
<a href="リンク先のURL"><img src="画像のURL"></a>

詳しく説明すると・・・
「aタグ」の動作は、
「aタグ」から閉じタグまでをクリックされたらリンク先のURLに飛ぶ
「imgタグ」の動作は、
画像のURLを画像として表示する
これを合わせたので、
画像のURLを画像として表示して、
画像がクリックされたらリンク先のURLに飛ぶ
となります。

でもこれだとクリックしたときにそのウィンドウ上で移動してしまうので、
新しくウィンドウを立ち上げてリンク先に移動させたいときは
「aタグ」に「target="_blank"」を追加します
<a href="リンク先のURL" target="_blank"><img src="画像のURL"></a>

「target="_blank"」の意味は
「空のウィンドウを立ち上げてから」のような感じですね。



説明が長くなったけど、ここで本題!!!

画像が表示するのにリンクが貼れてないのは・・・

クリックしたらページが見つからないって出る場合は
リンク先のURLが間違っている可能性が高く、

クリックしてもなにもおきない場合は「aタグ」の書き方そのものに
間違いがある可能性が高いです。

さてこれでわかるかな?