タグ講座
リンクの基本タグは <a href="跳びたいページのＵＲＬ"> 文字または画像 </a> です
同じ窓 でリンクする方法
<a href="跳びたいページのＵＲＬ" target="_top" > 文字または画像 </a>
新しく 別窓 を開く方法
<a href="跳びたいページのＵＲＬ" target="_blank" > 文字または画像 </a>
自分のページのメニューなどには通常同じ窓を使います
使い方を間違えると、新窓が出まくりぃ。。。ってことになっちゃうよ＾＾；；
文字でリンクする場合
たとえば <a href="http://plaza.rakuten.co.jp/sumirre/" target="_blank">とっぷ</a> と打つと
プラウザに表示されるのは ⇒ とっぷ のように文字だけです
個人の設定にもよりますが、通常はリンク前の文字色とリンク後の文字色が違います（↑を参照）
色が変わらない ようにするためには文字色を <font> タグで指定してやります
<a href="http://plaza.rakuten.co.jp/sumirre/" target="_blank"> <font color="○○">とっぷ</font> </a>
サンプル⇒ とっぷ
リンクを貼ると必ず文字の下に線が出ます。 この線をなくす には
<a href="http://plaza.rakuten.co.jp/sumirre/" target="_blank" style="text-decoration:none;" >とっぷ</a>
サンプル⇒ とっぷ
上下に線をだす こともできます
<a href="http://plaza.rakuten.co.jp/sumirre/" target="_blank" style="text-decoration:underline overline; ">とっぷ</a>
サンプル⇒ とっぷ
一見こんな冗談めいたことも（笑 取り消し線でリンク
<a href="http://plaza.rakuten.co.jp/sumirre/" target="_blank" style="text-decoration:line-through; ">とっぷ</a>
サンプル⇒ とっぷ
画像でリンクする場合
文字と同じように画像でもリンクできます
文字のかわりに画像を表示するタグ<img src="～～>を入れればいいわけです
<a href="跳びたいページのＵＲＬ"><img src="画像のＵＲＬ"></a>
サンプル⇒
でも、このままですと画像の周りに線がでてしまいます
画像の周りの線を消す には <img> タグの中に border="0" と書き込みます
<a href="跳びたいページのＵＲＬ"><img src="画像のＵＲＬ" border="0" ></a>
サンプル⇒
© Rakuten Group, Inc.
