がっちゃんのProject-Q

リンク編

リンク関連

大魔神塾のタグを全て半角表示にしました！（そのままコピペOK）

リンクを作成したい
<a href=" ジャンプさせたいページのアドレス "> 表示させる文字 </a>

「表示させる文字」部分をクリックすることで、指定したサイトにジャンプさせます。

<a href=" ジャンプさせたいページのアドレス "> 表示させる文字 </a>

ジャンプさせたいアドレスとは、サイトのアドレスの事です。 http://plaza.rakuten.co.jp のようなものをいうのだ、早速入れてみよう。

<a href=" http://plaza.rakuten.co.jp "> 表示させる文字 </a>

このままでもクリックすれば飛ぶのだ、でもブラウザにはこう表示されているのだ。

表示させる文字　　　（意味わかんねえぇぇ～）

そうですね、何処に飛ぶのか表示しないといけません。「楽天広場トップ」とでもいれましょうかね。

<a href=" http://plaza.rakuten.co.jp "> 楽天広場トップ </a> 　これでいいのだ。

ブラウザ上では、楽天広場トップとなりました、パチパチ。

リンクを作成したい(画像）
<a href=" ジャンプさせたいページのアドレス "> <img src="画像のアドレス"> </a>

文字の代わりに画像をクリックしてジャンプさせたい。

まずは「画像の倉庫」に画像をアップしていないと話しになりません。

「画像の倉庫」の画像をクリックすると、下の様なアドレスが表示されるはず。

<IMG SRC="http://plaza.rakuten.co.jp/img/user/74/13/1397413/219.gif" width="88" height="31" alt="link">

あとは簡単、簡単、 画像のアドレス にそのまま貼り付ければ出来上がりなのだ。

タグが長いけどいってみましょう。

<a href=" http://plaza.rakuten.co.jp "> <IMG SRC="http://plaza.rakuten.co.jp/img/user/74/13/1397413/219.gif" width="88" height="31" alt="link"> </a>

ブラウザ上では、