リンクを張る

*** リンクを張る ***

ご存知かと思いますが、クリックすると違うページへジャンプする事を、
『リンクを張る』と言いますが、このリンクの方法にも色々あります。URLをクリック・画像をクリック・新しいページで開く。
今日は、この3種のリンク方法を、タグに直して紹介して行きますネ♪

まずは、基本的なリンクタグを書きますと、

<a href="URL">★URL★</a>

…で、"URL"の所にリンク先のURL、★URL★の所が表示される文字になります。
ですから、

*★URL★のところにURLを入れれば、URL(http://~)表示からリンク。
*文字を入れれば文字からリンクします。(例えば『ココから』等)


次に、画像からリンクする方法です。上記の★URL★の所に、使用する画像を入れます。

<a href="URL"><img src="画像名"></a>

"画像名"の所に『~.gif』等の画像を指定する事で、
画像をクリックしてリンクを張る事が出来ます。
『リンク用バーナー』というのは、リンクを張って頂ける方に、
サイトが用意した画像の事で、もし用意されているなら 
こちらを使うと良いでしょう。。。


次は、現在表示しているページを使わずに、
新しいページを開いてリンクする方法です。基本的なタグは同じですが、<a href="URL">の中(後)に、
『target="_blank"』のタグを入れます。

<a href="URL"target="_blank">★画像や文字★</a>

別ウィンドウで表示
ここをクリックすると↑新しいページで開くのが解ります。。。
自分のページを閉じたくない時等に使うと良いでしょう♪

解ったかな?(^_^;)



© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: