無料ではじめる!ホームページ入門〜ホームページ作成解説サイト〜 HOME HP HTML UP other Link about

HOME > HTML > HTML逆引きリファレンス > リンク

リンク

リンクを設定したい

<a href="○">〜</a>
○…URL

リンクを設定するには<a>タグを使います。○には移動先のURLを指定します。URLは現在のファイルとの位置関係を考えて、絶対URLか相対URLで指定します。

HTMLソース
<a href="../index.html">トップページへ移動</a>

結果
TOP

ページの指定した位置にリンクしたい

<a href="#○">〜</a>…リンク元
<a name="○">〜</a>…リンク先
○…キーワード

キーワードを決め、リンク先となる位置に<a name="○">を設定します(半角英数字)。 リンクを設定するには<a>タグのhref属性に、キーワードに#をつけて指定します。
他のページの指定した位置にリンクするときは、リンク元のhref属性でURLの後に#キーワ−ドを指定します。

HTMLソース
<a href="#002">「新しいウィンドウにリンク先を表示したい」へ移動</a><br>
<a href="page.html#001">「背景に画像を設定したい」へ移動</a>

結果
TOP

新しいウィンドウにリンク先を表示したい

<a href="○" target="●">〜</a>
○…URL
●…_blank

新しいウィンドウにリンク先を表示させるには<a>タグのtarget属性に_blankを指定します。_blankは名前のないウィンドウを新しく開く値です。

HTMLソース
<a href="http://www.yahoo.co.jp/" target="_blank">Yahoo! JAPANを新しいウィンドウで開きます。</a>

結果
TOP

リンクを利用してメールを送信したい

<a href="mailto:○">〜</a>
○…メールアドレス

href属性でmailto:の後に続けてメールアドレスを指定します。リンクをクリックすると、メール送信画面が表示されます。

HTMLソース
メールは<a href="mailto:tada_hp@hotmail.com">こちら</a>まで。

結果
メールはこちらまで。

TOP

当サイトへのリンクは確認不要です。
ご意見・ご感想などございましたらこちらまで tada_hp@hotmail.com
Copyright (C) 2004 by K.Y All Rights Reserved.
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送