リンクを張る方法

リンクを張ることは、よくあるので是非覚えてくださいね。


リンクをはるには、次のようなタグを使います。

<a href="リンク先のURL">リンク文字</a>

例えば

<a href="http://blog.with2.net/link.php?514169">人気ブログランキング</a>

というふうにしてやると、次のように人気ブログランキングへのリンクが張れる訳です。


人気ブログランキング

この人気ブログランキングへのリンクは、わたしのコード番号が入っているのでこのまま利用しても、あなたのブログランキングへのリンクとはなりませんので注意してくださいね。



別のウィンドウでリンク先のページを表示したい場合は、次のようなタグを使います。先ほどのタグに赤い部分を付け足してください。

<a href="リンク先のURL" target="_blank">リンク文字</a>


先ほどのように、人気ブログランキングへのリンクを張ってみます。

<a href="http://blog.with2.net/link.php?514169" target="_blank">人気ブログランキング</a>

タグは、このようになります。
下の先ほどの「人気ブログランキング」へのリンクと今回の「人気ブログランキング」へのリンクをクリックして比べてみると、今回のリンクは別ウィンドウで表示されているはずです。

人気ブログランキング


リンク文字の部分を画像を用いることもできます。
その場合は、次のようなタグとなります。(先ほどと同じようにtarget="_blank"を使わなければ、同じウィンドウでの表示となります。)

<a href="リンク先のURL" target="_blank"><img src="画像ファイル名(画像ファイルのURL)"></a>


左の画像をクリックすると人気ブログランキングへリンクするはずです。

詳しくは『画像に関するタグ』のページを参考にしてくださいね。
参考>>>画像に関するタグ





つぎにメールをもらえるようにリンクを張ってみましょう。


メールをもらえるようにリンクを張るには次のようなタグを使用します。

<a href="mailto:あなたのメールアドレス" target="_blank">リンク文字</a>

わからないことがあれば、ココをクリックしてメールで連絡してくださいね。

これは次のようなタグです。「ココをクリックして」の部分にリンクが張ってあります。

わからないことがあれば、<a href="mailto:[e-mail]">ココをクリックして</a>メールで連絡してくださいね。

赤い部分がタグになります。


画像をクリックしてメールをもらえるようにもできます。
詳しくは『画像に関するタグ』のページを参考にしてください。
参考>>>画像に関するタグ