リンク

「楽天広場」ですぐ使える
 超初心者向けタグ講座

5.　リンクする
● 他のサイトへのリンク
● 自サイト内でのリンク
● リンク先を別ウィンドウで表示
● リンク先の説明を表示
● メールソフトの起動


超初心者向けタグ講座トップに戻る

リンクするタグ
<a>


□■□ 　他のサイトへリンクする　 □■□
タグを使って 　[ リンク ]　 をしてみましょう
使用タグ＝ <a> 　属性＝ 「href=」
■　編集画面 ■　ホームページの表示
<a href= http://www.yahoo.co.jp/ > yahoo </a> yahoo
他のサイト（上の場合は YAHOO )にジャンプします。
緑字の部分 ＝リンクしたいページのアドレス　　 黒字の部分 ＝ページに表示される部分
 リンク先からは、ブラウザの「戻る」ボタンで帰ってきてください。

リンクするトップへ

□■□ 　自サイトにリンクする　 □■□
楽天のホームページでは自サイトへのリンクもアドレスで指定します。
使用タグ＝ <a> 　属性＝ 「href=」
■　編集画面 ■　ホームページの表示
<a href= http://plaza.rakuten.co.jp/mokopapa > トップ </a> トップ
トップページのリンクにはトップページのアドレスをリンク先に指定します。
■　編集画面 ■　ホームページの表示
<a href= http://plaza.rakuten.co.jp/mokopapa/005000 >
タグ講座トップ </a> 		タグ講座トップ
各ページへのリンクには各ページのアドレスをリンク先に指定します。
赤字 の部分は自分のページのアドレスに変更してください

リンクするトップへ

□■□ 　リンク先を「別ウィンドウ」で開く　 □■□
属性「target=_blank」を使ってリンク先を別ウィンドウに表示
使用タグ＝ <a> 　属性＝ 「href=」「target=」
■　編集画面 ■　ホームページの表示
<a href= http://www.yahoo.co.jp/ target=_blank > yahoo </a> yahoo
属性「target=」で属性値「_blank」を指定するとリンク先が新しいウィンドウで表示されます

 リンクするトップへ

□■□ 　リンク先の説明を表示する　 □■□
属性「title=」を使ってリンク先の説明などを表示
使用タグ＝ <a> 　属性＝ 「href=」「title=」
■　編集画面 ■　ホームページの表示
<a href=http://www.yahoo.co.jp/ title= YAHOOにジャンプ!! > yahoo </a> yahoo
属性「title=」を使うとリンクにカーソルを合わせたときにリンク先の説明などを表示できます

 リンクするトップへ

□■□ 　メールアドレスリンク　 □■□
<a>タグを使ってメールソフトを起動
使用タグ＝ <a> 　属性＝ 「href=」
■　編集画面 ■　ホームページの表示
<a href= mailto: tooru530jp@yahoo.co.jp >メール </a> メール
<a href=mailto:あなたのメールアドレス>○○</a>でメールソフトが起動します。
(注） 　相手のパソコン環境によってうまく表示されない場合もあるそうです。
リンクするトップへ

BACK
TOP
NEXT

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