176010 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

しあわせみ~つけた

リンク

≪リンクの設定≫

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

*リンクボタンの設定

基本の形

<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" を加えてください

そうすると雑貨クテル

となります









Copyright (c) 1997-2019 Rakuten, Inc. All Rights Reserved.