リンクを作成する方法
■■■
リンクを作成する方法
■■■
文字列や画像にリンクを設定するときは「A」タグを使用します。
リンクを設定することで、別ページに移動することや、同じページ内でも移動することができます。
・
リンクを作成する
リンク先のページは「HREF」属性で指定します。
楽天広場では「HREF」属性に指定できる値は「http://」から始まるアドレス（絶対パス）のみです。
開始タグと終了タグの間に「IMG」タグを記述することで、画像にリンクを設定することも可能です。
<A HREF="http://www.rakuten.co.jp/"
>
この文字にリンクが設定される
</A>
↑
リンク先のアドレスを指定します
開始タグと終了タグの間に「IMG」タグを記述することで、画像にリンクを設定することも可能です。
・
新しいウインドウにページを表示させる
新しいウインドウにページを表示させるには、「TARGET」属性に「_blank」を設定します。
<A HREF="http://www.rakuten.co.jp/"
TARGET="_blank"
>
この文字にリンクが設定される
</A>
↑
新しいウインドウを開く設定です
・
宛先と件名を指定してメールソフトを起動する
メールの宛先や件名を自動的に入力してメールソフトを起動させるには、
「HREF」属性に「mailto:メールアドレス?subject=件名」を設定します。
件名を設定しない場合は「?subject=件名」を削除してください。
「HREF」属性に「mailto:メールアドレス?subject=件名」を設定します。
<A HREF=mailto:hoge@hoge.jp?subject=件名"
>
ここをクリックするとメールソフトが起動
</A>
↑
メールアドレスと件名を指定します
・
同じページ内で移動する
同じページ内で移動するには、まず移動先を「NAME」属性で設定する必要があります。
そこへ移動するには、「NAME」属性で指定した名前に「#」をつけて「HREF」に設定します。
ページ内でリンクを作成しても、縦スクロールが必要のないページでは移動はできません。
そこへ移動するには、「NAME」属性で指定した名前に「#」をつけて「HREF」に設定します。
<A NAME="移動先名"
>
ここに移動してくる
</A>
↑
この場所の名前を設定します
<A HREF="#移動先名"
>
ここをクリックすると移動します
</A>
↑
移動先名を設定します
・
リンクの下線を消す
リンクの下線を消すには、 CSS
の「text-decoration」を利用します。
CSSを利用することで、よりデザインにこだわったページを作成することができます。
CSSを利用することで、よりデザインにこだわったページを作成することができます。
<A HREF="http://www.rakuten.co.jp/"
STYLE="text-decoration:none;"
>
下線が表示されないリンク
</A>
↑
下線を表示しない設定です
© Rakuten Group, Inc.
