鍋・フライパンあれこれ美味
100万ポイント山分け!1日5回検索で1ポイントもらえる
>>
人気記事ランキング
ブログを作成
楽天市場
084272
HOME
|
DIARY
|
PROFILE
【フォローする】
【ログイン】
♪ちょこっと気になるホムペ♪
リンクを貼る
HPにリンクを貼りたい場合
HPを作るとなると、やはり他のサイトとのやり取りなど、色々としたい事も出てくると思われます。ここでは、他のサイトとリンクをする為の方法・・ってかタグを教えます。
リンクタグ一覧
一般タグ
<a href="アドレス">ここをクリック</a>
画像付リンクタグ
(囲い線あり)
<a href="アドレス"><img src=""></a>
画像付きリンクタグ
(囲い線なし)
<a href="アドレス"><img src="" border="0"></a>
リンク先ウィンドウをどこに
表示させるかの指定
<a href="アドレス" target="_top">ここをクリック></a>
【参考】
画像をリンクボタンに指定すると、標準では画像の枠に線が入ってしまいます。この線を消したい場合には次のように指定します。
<a href="index.html"><img src="sample.gif" border=""></a>
<img src>タグ内に border="数値"を追加して、 枠線の太さを 0 に指定します。
【使用例】
例1.
一般的に使われるリンクタグの使用例(画像なしの場合)
<center><a href="http://plaza.rakuten.co.jp/dejiko21/">ここをクリック</a></center>
↑のタグにより、↓のようにHP上に表示されるようになります
ここをクリック
例2.
画像を使ったリンクタグの使用例(画像の周りに囲い線がある場合)
<center><a href="http://plaza.rakuten.co.jp/dejiko21/"><img src="http://plaza.rakuten.co.jp/img/user/21/43/1612143/29.jpg" width="180" height="136" alt="ぷちこ(縮小版)"></a></center>
↑のタグにより、↓のようにHP上に表示されるようになります
例3.
画像を使ったリンクタグの使用例(画像の周りに囲い線を付けない場合)
<center><a href="http://plaza.rakuten.co.jp/dejiko21/"><img src="http://plaza.rakuten.co.jp/img/user/21/43/1612143/29.jpg" width="180" height="136" alt="ぷちこ(縮小版)"
border="0"
></a></center>
↑のタグにより、↓のようにHP上に表示されるようになります
例4.
リンク先ウィンドウをどこに表示させるかの指定(target="_blank"の場合)
この
target=""
の指定は、新たにブラウザを立ち上げてページを表示する場合や、
フレームタグ
を使って画面を分割している場合などに使用します。
target=""
_blank … (新たにブラウザを立ち上げて表示します)
_top … (フレームの分割を廃止して画面全体で表示します)
_self … (リンク元と同じウィンドウ(フレーム)に表示します)デフォルト
_parent … (親フレームに表示します)
ウィンドウ名(フレーム名) … (任意のウィンドウ(フレーム)に表示します)
<center><a href="http://plaza.rakuten.co.jp/dejiko21/"
target="_blank"
><img src="http://plaza.rakuten.co.jp/img/user/21/43/1612143/29.jpg" width="180" height="136" alt="ぷちこ(縮小版)"
border="0"
></a></center>
↑のタグにより、↓のようにHP上に表示されるようになります
※画像についての詳細は、
こちら
の項目をご覧ください。
↓の画像をクリックするとトップページに戻ります。
↓↓↓ 【CLICK HERE】 ↓↓↓
↑↑↑ 【CLICK HERE】 ↓↓↓
ジャンル別一覧
出産・子育て
ファッション
美容・コスメ
健康・ダイエット
生活・インテリア
料理・食べ物
ドリンク・お酒
ペット
趣味・ゲーム
映画・TV
音楽
読書・コミック
旅行・海外情報
園芸
スポーツ
アウトドア・釣り
車・バイク
パソコン・家電
そのほか
すべてのジャンル
人気のクチコミテーマ
楽天市場
それ、もっと早く知りたかった! 買…
(2026-10-03 21:00:04)
たわごと
本格的な秋のお天気の1日で
(2026-10-03 21:56:14)
懸賞フリーク♪
収穫体験キット
(2026-10-03 10:09:00)
© Rakuten Group, Inc.
X
共有
Facebook
Twitter
Google +
LinkedIn
Email
Design
a Mobile Site
スマートフォン版を閲覧
|
PC版を閲覧
人気ブログランキングへ
無料自動相互リンク
にほんブログ村 女磨き
LOHAS風なアイテム・グッズ
みんなが注目のトレンド情報とは・・・?
So-netトレンドブログ
Livedoor Blog a
Livedoor Blog b
Livedoor Blog c
楽天ブログ
JUGEMブログ
Excitブログ
Seesaaブログ
Seesaaブログ
Googleブログ
なにこれオシャレ?トレンドアイテム情報
みんなの通販市場
無料のオファーでコツコツ稼ぐ方法
無料オファーのアフィリエイトで稼げるASP
ホーム
Hsc
人気ブログランキングへ
その他
Share by: