画像をリンクボタンにする方法

画像(写真、バナーなど)を
リンクボタンにする方法

こちらでは 画像をリンクボタンにする方法を紹介します

このHPは リンクフリーです。

<a href=" リンク先のアドレス "><IMG SRC=" 使いたい画像の倉庫のアドレス "></a>

↑↑↑のように入力すると
画像がリンクボタンになります

<a href=" http://plaza.rakuten.co.jp/crystalfishing/ "><IMG SRC=" http://plaza.rakuten.co.jp/img/user/60/22/3156022/178.jpg" border=0 width="275" height="206" alt="エレスチャル2" ></a>

赤文字部分 を 
自分のリンクしたいアドレスに書き換ます

青文字部分 は 
自分の使いたい画像の倉庫のアドレスを入れます

上ピンク枠の中の『HTMLタグ』をコピーして
赤文字部分、青文字部分を
書き換えて使用してください


↓↓↓上のものは このように表示されます↓↓↓

エレスチャル2

画像をクリックすると
リンク先へ移動します

※ご注意!!

画像の倉庫のアドレスを
そのまま 貼り付けると
下記の写真のように
写真のまわりに  青枠(紫枠)
付いてしまいます

エレスチャル2

下記の ピンク文字
border=0
jpg"の後に 半角スペースを1つあけて
付け加えてください
そうしますと 枠が消えすっきりとした
リンクボタンが出来上がります。

<a href=" http://plaza.rakuten.co.jp/crystalfishing/ "><IMG SRC= "http://plaza.rakuten.co.jp/img/user/60/22/3156022/178." border=0 width="275" height="206" alt="エレスチャル2" ></a>



←前へ トップへ 次へ→

Copyright(C)2004-2009 Mineral-LanEvo7. All rights reserved.


© Rakuten Group, Inc.
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: