WebPage発射台(初心者の、初心者による、初心者のためのWebPage作り講座)

サイト外リンクを貼ってみよう(画像“バナー”からリンクをはります)

ハイパーリンクをはるためのタグです。の背景があるタグは<body></body>の中で使って下さい。

用意するモノ
文字を入力してみよう最低用意するモノ

・・・・・と
バナーを持っているサイトで「このページはリンクフリーです。リンクは自由にはって下さい。」と宣言しているような所を探してそのURLをメモしておきましょう。
※注意:サイトによっては“バナーを自分のページに持っていかない事”をお願いしている所もあるようです。
ここでは“バナーを自分のページに持っていくことも自由”としているサイトへのリンク方法を説明します。

紙飛行機の作り方 紙飛行機空港 http://isweb39.infoseek.co.jp/art/kefi/oo51/index.html

まずバナーをもらってきます。

リンクしたいサイトのバナーの上にマウスを持っていき、<画像の上で右クリック>
するといくつかメニューが出てくるので、その中の<名前を付けて画像を保存(S)>を左クリックして
自分のコンピュータの「mypage」フォルダの中の「img」フォルダの中に保存しましょう。

用意がととのいました。いよいよリンクをはってみましょう。

画像(バナー)からサイト外リンクするタグ
<a href="http://isweb39.infoseek.co.jp/art/kefi/oo51/index.html"><img src="img/origami_ani.gif" border="0" width="88" height="31"></a>

 

これをブラウザでみると↓

↑クリックしてみて下さい。

 

少し解説
<a href="http://isweb39.infoseek.co.jp/art/kefi/oo51/index.html"><img src="img/origami_ani.gif" border="0" width="88" height="31"></a>
<a href="http://isweb39.infoseek.co.jp/art/kefi/oo51/index.html"><img src="img/origami_ani.gif" border="0" width="88" height="31"></a>
<img src="img/origami_ani.gif" border="0" width="88" height="31"> ・・・・・リンクしたい画像を張り付けるタグです。
「え?忘れたかな
http://isweb39.infoseek.co.jp/art/kefi/oo51/index.html ・・・・・そこをクリックしたときに行きたいぺーじです。

そしてこれを「サイト内リンクの少し解説」と見比べて見て下さい。↑URL(アドレス)を入れるか、↓ファイル名を入れるかの違いなのです。

「サイト内リンクの少し解説」参考
<a href="index-102.html"><img src="img/kosaku8831.gif" border="0" width="88" height="31"></a>
<a href="index-102.html"><img src="img/kosaku8831.gif" border="0" width="88" height="31"></a>
<img src="img/kosaku8831.gif" border="0" width="88" height="31"> ・・・・・リンクしたい画像を張り付けるタグです。
「え?忘れたかな
index-102.html ・・・・・そこをクリックしたときに行きたいページです。

 


本文にもどる

Last update Jun.22,2002