■リンクを張る 画像を貼る
★画像にリンクを張ろう★
バナーをクリックしてみて下さい。リンクした所に飛びます。
リンクが張られていると、カーソルが手の形に変わります。
< a href="http://～リンク先アドレス" target="_blank" > < img src="http://～始まる画像アドレス" > < /a >
バナーを見て貰うと解かるように、ここでは、紫色のリンク枠が出ています。
★☆★☆★☆★☆★☆★☆★☆★☆
★画像のリンク枠を消す★
今度はこの枠を、消してみましょう。
< a href="http://～リンク先アドレス" target="_blank" > < img src="http://～始まる画像アドレス" border=0 > < /a >
border=0 が加わりました。
これで、リンクの枠は消えます。
結果
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
文字をクリックしてみて下さい。リンクした所に飛びます。
< a href="http://～リンク先アドレス" target="_blank" > お好きな文字 < /a >
★☆★☆★☆★☆★☆★☆★☆★☆
★文字のリンク下線を消す★
文字を見て貰うと解かるように、紫色のリンク下線が出ていますね。
これを消して見ましょう。
< a href="http://～リンク先アドレス" target="_blank" style="text-decoration:none" > お好きな文字 < /a >
結果
グルメの館
★☆★☆★☆★☆★☆★☆★☆★☆
でも、これだと何だか寂しいですね。
文字サイズや、書体・色を付け加えて見ます
グルメの館・GO
< a href="http://～リンク先アドレス" target="_blank" style="text-decoration:none" > < FONT size="文字サイズ" face="書体" color="文字色" > < B > お好きな文字</B> < /font > < /a >
見本のタグは
< a href="http://plaza.rakuten.co.jp/kinako24/recommend/" target="_blank" style="text-decoration:none" > < FONT size="4" face="Comic Sans MS" color="red" > < B > グルメの館・GO < /font > < /B > < /a >
特別な文字を指定しな時は
face="書体" を抜いて下さい。
★ 注意 ★
リンクの枠や下線を消した時、
リンクが張ってある事に気づかない事もあります。
リンクがあることを書いておくか、時と場合によって、
消すかどうか決めてくださいね。
target="_blank"とは
リンク先へ飛んでいっても、
ＰＣ画面右上の、 赤い＜×＞印 を クリックする事で
飛ぶ前の画面に戻る事を指示しているタグです。
これは、別窓で開いているという事です。
試しに画面を動かしてみてください。
下には、元の画面があります。
だから、＜×＞をクリックする事で、
元の画面が現れるのです。
現在のページを新しくする場合は
target="_top" です。
元の画面が、新しい画面に変わります。
< a href="http://plaza.rakuten.co.jp/kinako24/recommend/" target="_top" style="text-decoration:none" > < FONT size="4" face="Comic Sans MS" color="red" > < B > グルメの館・GO < /font > < /B > < /a >
試しに、クリックして見てください。
グルメの館・GO
< target="_blank" ＆ target="_top" お好きなほうを使ってくださいね。
何も書かなかったら、＜top＞と同じです。
© Rakuten Group, Inc.
