しあわせみ～つけた

リンク

≪リンクの設定≫

リンク とは　文字やイメージをクリックすると
別のページやサイトを表示できる機能です

＊リンクボタンの設定

基本の形

<A href=" リンク先のURL " target=" リンク先を表示するウインドウ "> リンクを設定する内容（文字や画像） </A>

たとえば 　文字をクリックしてリンク先に移動してみましょう

しあわせ　み～つけた ←　クリックしてみて＾＾

　　　↑これは↓　新しいウインドウで開くとき　target=" _blank "

<A href=" http://plaza.rakuten.co.jp/promenade215/ " target="_blank"> しあわせ　み～つけた </A>

しあわせ　み～つけた ←　クリックしてみて＾＾

　　　↑これは↓　現在のウインドウで開くとき　target=" _self "

<A href=" http://plaza.rakuten.co.jp/promenade215/ " target="_self"> しあわせ　み～つけた </A>

↑　どちらかのHTMLをコピーして
赤い文字のところを書き換えてください♪＾＾　↑

次に　画像からリンク先に移動してみましょう

基本の形

<A href=" リンク先のURL " target=" リンク先を表示するウインドウ "> リンクを設定する内容（文字や画像） </A>

←　クリックしてみて＾＾

　　　　↑これは↓　新しいウインドウで開くとき　target=" _blank "

<a href=" http://park.geocities.jp/zakkacktail/ " target="_blank"> <img src="http://image.space.rakuten.co.jp/lg01/02/0003802/62/img3b6f55cc7f3.jpeg" width="88" height="31" alt="雑貨クテル" border="0"> </a>

←　クリックしてみて＾＾

　　　↑これは↓　現在のウインドウで開くとき　target=" _self "

<a href=" http://park.geocities.jp/zakkacktail/ " target="_self"> <img src="http://image.space.rakuten.co.jp/lg01/02/0003802/62/img3b6f55cc7f3.jpeg" width="88" height="31" alt="雑貨クテル" border="0"> </a>

↑　どちらかのHTMLをコピーして
赤い文字のところを書き換えてください♪＾＾　↑

＊画像は

　楽天ブログの＜フォト管理＞で　画像を登録してアルバムに入れておいてね＾＾

アルバム内の使用したい画像をクリックすると＜フォト編集画面＞が立ち上がります

そのページの下部にある　 HTMLタグ （　<img src=で始まるタグだよ　） を
コピーしてリンクを リンクを設定する内容 の部分に張り付けます

＊　そのままだと

リンクボタンに枠が表示されます

取り除きたい場合

alt="○○"の後に　半角のスペースをあけて border="0"　を加えてください

そうすると

となります

ジャンル別一覧