バナーを使ったリンク

Ｓｔｕｄｙ　ＨＴＭＬ　バナー（画像）を使ったリンクの貼り方　

相互リンクを貼る際などに必要なＨＴＭＬソースです。

ＨＴＭＬの記述のところをそのままコピーしてもＯＫだと思うけど、

（　）でかこってあるところは削除を忘れずに。

あと、リンク先ＵＲＬ＆画像のアドレスは自分の物に、変更してね。

よそのバナーや画像をもらって帰るときには、

右クリック→画像に名前をつけて保存でお持ち帰りすることを忘れずに。

相手の画像のアドレスを使って、自分のサイトで画像を呼び出すには

転送料という目に見えない莫大なお金がかかります。

せっかく無料で提供してくれているサーバーに負担をかけないためにも、

ルールはきっちり守ろうね！

それでは本題。

まずは基本的な画像からのリンクの貼り方！

ＨＴＭＬの記述

<A HREF="http:～～　リンク先ＵＲＬ"> （リンク先の指定）
<IMG SRC="jpg gifなどの画像ＵＲＬ"
 width="横のサイズ" height="縦のサイズ" alt="画像の名前"> （画像の指定）
</A>　（リンク終了のタグ）


ＨＴＭＬサンプルソース

<A HREF="http://plaza.rakuten.co.jp/mam88kurouto/"> 
<IMG SRC="http://plaza.rakuten.co.jp/img/user/04/83/1400483/106.jpg"
 width="88" height="31" alt="ミニバナー"> 
</A>

サンプル表示

このままだと画像のまわりに枠がついて、邪魔ってこともあると思います。

その場合は、

ＨＴＭＬの記述

<A HREF="http:～～　リンク先ＵＲＬ"> （リンク先の指定）
<IMG SRC="jpg gifなどの画像ＵＲＬ"
 width="横のサイズ" height="縦のサイズ" alt="画像の名前" border="0 枠線なしの指定"> （画像の指定）
</A>　（リンク終了のタグ）

ＨＴＭＬサンプルソース

<A HREF="http://plaza.rakuten.co.jp/mam88kurouto/"> （リンク先の指定）
<IMG SRC="http://plaza.rakuten.co.jp/img/user/04/83/1400483/106.jpg"
 width="88" height="31" alt="ミニバナー"　border="0"> （画像の指定）
</A>　（リンク終了のタグ）



画像の指定のところでborder="0"と指定。
すると

サンプル表示

まわりの枠が外れたのわかる？？

では、自分のページで試して見てね。

つたない解説でわかりにくい点も多いかと思います。

ので、イマイチわかりにくい点。

アドバイス的なご意見。

などなどありましたらどしどしお寄せください。

ｍａｍもみなさまと一緒に成長できたらな～～と思ってます。

ジャンル別一覧