リンクの貼り方

〜時間を無駄にしたいために〜

アフィリエイト提携会社とも契約が済み、いよいよ広告をサイトに貼りつけ！・・・といきたいところですが、ブログ初心者やサイト初心者の場合、HTMLタグが理解できずに、右往左往するはめになることも多いのではないでしょうか？そこで、ここは落ち着いてリンクをするためのHTMLタグを学ぶことにしましょう。

まずHTMLとはホームページの核となるもので、余り深くつっこまないで解説すると・・・要は　文章と画像の見た目や配置を整えてくれる言語といえます。

そして、その見た目や配置を整える方法なのですが、
タグと呼ばれるものが中心となって整えているというわけなのです。

拡張子htmlまたは拡張子htmをウィンドウズに標準で付属しているワードパッドやメモ帳などで
開くと、わけのわからない語がずらずら〜とでてきます。

そのわけのわからない語の中には
<a>〜〜〜</a>
とか
<div>〜〜〜</div>
のようなものがあり
<　>と　<　/　>で囲うことが約束事になっています。

ここまでは大丈夫でしょうか？＾＾；まだ本題に入ってませんので
がんばってついてきて下さい。

この<　>と　<　/　>をHTMLタグといって
見た目や配置を決める役割を果たしていて
始まりの<　>と終わりの<　/　>はセットだと覚えなければいけません。

そして、HTMLタグにはいろいろ種類があるのですが（先程のaタグやdivタグ）、今回はリンクタグの紹介ですので、そちらにターゲットを絞ります。

リンクタグの書き方には
<a herf ="http://〜〜〜">パターン１（文字）</a>
<a herf ="http://〜〜〜">パターン２（画像）</a>
の２種類があります。
ここで、文字の場合は普通に紹介文を書くだけでいいのですが、画像の場合は
画像の指定をしなければなりません。
つまり・・・
<img src ="〜〜〜.jpg">
のように画像を指定しなければならないのです。
※画像にはもちろん、jpgの他に拡張子gifや拡張子png
などを指定することもできます。

ではこれらをくっつけて総て書き出すと。。。
<a herf ="http://〜〜〜"><img src ="〜〜〜.jpg"></a>
のようになりややこしくなります。アフィリエイトリンクの場合はさらにわけのわからない語がずらずら〜と並ぶので、さらに混乱に拍車をかけるのではないでしょうか？
ですので、ここで重要なことは・・・

リンクタグを２種類のパターンに切り離せるか？

が重要になると思います。
どんなに長くともパターンは２つのみです。
落ち着いて解読してみてください。

またさらにわかりにくいものに、属性というものがあります。
たぶんに、target="_blank"、alt="***"、border="0"、width="500"、height="60"
という文字もよくみかけるかと思います。
それぞれ解説すると
target="_blank"　　新しいウィンドウで開く
alt="***"　　　画像がたまたまでなかったとき、文字タイプに置き換える
border="0"　　　画像の枠
width="500"　　　画像の横の長さ（５００px）
height="60"　　　画像の縦の長さ（６０px）
となっています。
ここはあまり変更しなくてもいいはずです。

以上で、リンクの貼り方の講座はこれにて終了となります。