HTMLタグを勉強してホームページを作成しよう！【リンクに関するタグ】

　リンクに関するタグ

<a href="リンクするURL"> 〜 </a>

テキストや画像にリンクを設定したい時に使います。<a href="リンクするURL"> と </a> で囲まれたテキストや画像が、"リンクするURL"に指定したリンク先にリンクします。

【 使用例 】

[ HTMLソース ]
ここに<a href="http://komame555.fc2web.com/">お小遣いサイト帳のトップページのリンク</a>を貼ります。

[ ブラウザの表示 ]
ここにお小遣いサイト帳のトップページのリンクを貼ります。
※「お小遣いサイト帳のトップページのリンク」の部分にカーソルを合わせてクリックすると、リンク先にジャンプします

<a href="リンクするURL" target="_blank"> 〜 </a>

テキストや画像に別窓でリンクを設定したい時に使います。リンクを設定するタグに、target="_blank" を追加することで、リンク先が別窓で開きます。

【 使用例 】

[ HTMLソース ]
ここに<a href="http://komame555.fc2web.com/" target="_blank">お小遣いサイト帳のトップページのリンク</a>を貼ります。

[ ブラウザの表示 ]
ここにお小遣いサイト帳のトップページのリンクを貼ります。
※「お小遣いサイト帳のトップページのリンク」の部分にカーソルを合わせてクリックすると、リンク先が別窓で開きます

<a href="リンクするURL" title="説明文"> 〜 </a>

リンクに説明文を設定したい時に使います。リンクを設定するタグに、title="説明文" を追加することで、リンクに説明文を設定することができます。

【 使用例 】

[ HTMLソース ]
ここに<a href="http://komame555.fc2web.com/" title="お小遣いサイト帳のトップページです">お小遣いサイト帳のトップページのリンク</a>を貼ります。

[ ブラウザの表示 ]
ここにお小遣いサイト帳のトップページのリンクを貼ります。
※「お小遣いサイト帳のトップページのリンク」の部分にカーソルを合わせると、説明文が表示されます

�@ ↓のタグをリンクを飛ばしたい場所に貼ります
　<a name="アンカー名"></a>
�A ↓のタグから�@の場所に飛びます
　<a href="#アンカー名"> 〜 </a>

同じページ内にリンクを飛ばしたい時に使います。リンクを飛ばしたい場所に <a name="アンカー名"></a> を貼ることで、<a href="#アンカー名"> 〜 </a> から <a name="アンカー名"></a> を貼った場所にリンクを飛ばすことができます。アンカーとは英語で船の錨という意味で、ここでは目印を表します。

【 使用例 】

[ HTMLソース ]
�@ <a name="sample"></a>ここに飛びます
�A <a href="#sample">THTMLソース�@</a>へリンクを飛ばします。

[ ブラウザの表示 ]
THTMLソース�@へリンクを飛ばします。
※「THTMLソース�@」の部分にカーソルを合わせてリンクをクリックすると、アンカーを貼ったTHTMLソース�@のところにジャンプします