画像リンクとは | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

こんにちワ。ワンタンです。

これ、自分にとっては復習なんですが、再度確認する意味で書いておきたいと思います^^;

画像クリックで他のサイト(ページ)へ移動させる方法


アメブロの「ブログを書く」で、HTML表示にして(タグ編集エディタの方はそのままで)、「画像」⇒「オリジナルで表示」⇒「この画像を使う」をクリックすると、以下のようなタグが表示されます。


<a href="http://stat.ameba.jp/user_images/20131118/23/wantan-52/e0/80/j/o0600040512753737258.jpg"><img src="http://stat.ameba.jp/user_images/20131118/23/wantan-52/e0/80/j/o0600040512753737258.jpg" alt="画像説明文" border="0" /></a>


で、これの意味ですが、赤字の箇所がリンク先のURL(郵便番号みたいなもの)で、青字の箇所が表示される画像のURL緑字の箇所が、画像が表示されない場合に表示される、画像の説明文です。

この、赤字の箇所を移動させたいページのURLに差し替えれば、画像をクリックした時に、そのページに移動します。

で元のページに戻りやすいように別窓でリンクする場合は、target="_blank"を追記します。

こうなります

<a href="リンク先のURL"><img src="表示されている画像のURL" alt="画像の説明文"target="_blank"border="0" /></a>



☆ブィブィ  ('-^*)/


ロマンス♪゜・*:.。. .。.:*・♪