バカネコ日記

フリーページ

2004年08月14日
XML
カテゴリ:カテゴリ未分類

  
以前やった、リンク講座で、画像リンクの作り方を説明しましたが、
理解を助けるためとはいえ、簡略化しすぎた部分があります。
このため、画像にちょっと不細工なふちが残ってしまいます。

比較するとこんな感じです。

    フチがある     ふちがない



誰にでもわかりやすく、簡単にと、そのことばかり考えて説明しましたので
ちょっとばかり、不完全な解説になってしまいました。
あらためて、対処方法をご紹介いたします。




1.画像の枠線の消し方

まず、リンクのおさらい。 画像でリンクする場合の基本形は
  <a href="URL"><img src="保管場所"></a>
でした。

"URL"に飛び先、"保管場所"に画像のアドレスをはめ込めば、OKと説明しました。

お忘れになった方は、手抜きで覚えるHTML リンク編または、総集編 を、ご参照ください。

確かに、これで画像も表示されるし、ジャンプもできるのですが、このままだと
青紫のふちというか、枠線が出来てしまいます。
これを消すには、border="0" という呪文を、ひとつ追加します。
  <a href="URL"><img src="保管場所" border="0"></a>

これで、無粋な枠線が消えます。 簡単でしょ?

上の例で言えば、
<a href="http://plaza.rakuten.co.jp/nyancolon/"><IMG SRC="http://plaza.rakuten.co.jp/img/user/49/28/5934928/85.jpg" width="120" height="160" boader="0" alt="ふちがない"></a>
となります。

タグの中には、縦横の幅を表す、width="○○" や Height="○○" なども
入れられますから、どんどん長くなって、読みにくくなりますが、
単に、パラメータという名の呪文を追加しているだけです。

あまり、難しく考える必要はありません。
width, height, border, alt などの順序は気にしなくて良いようです。

ちなみに、border の数値を0ではなく、大きくするとどうなるか?
興味のある方はやってみてください。 ダサくなるので、あまりやりたがる人は
いないと思いますが(笑)


【仔猫の里親募集中】
押すにゃ、押すにゃ~~!
 ↑この子猫の里親を募集しています。



2.別ウィンドウで開く

さて、別ウィンドウで開きたいのに、うまくいかないという質問がありました。
リンク先を別ウィンドウで開くには、target="_blank" という呪文を追加します。

width や height を省略して、単純な形でもう一度おさらいしてみましょうか。

基本形
<a href="URL"><img src="保管場所"></a>
  別ウィンドウで開くようにする
   
<a href="URL" target="_blank"><img src="保管場所"></a>

ここで、うまくいかないとしたら、とりあえず、URL が正確かどうかを確認しましょう。
URL は間違いやすいところです。
その両端を見てください。 半角または全角のスペース(空白)なんかが、ついていませんか?

メモ帳などに、その部分だけコピーして、じーっと眺めてみるといいかもしれません。
width, height, border, alt などのパラメータを取り除いて、眺めると確認しやすくなります。

URLは、インターネットエクスプローラのアドレス欄から、コピー&ペースト
するのが、一番、簡単で正確です。

8月11日の日記のページにジャンプさせたいなら、そのページを開いて
インターネットエクスプローラのアドレス欄を見ます。
これが、正確なURLです。

楽天日記ページのURLはパターンが決まっていて、必ず
http://plaza.rakuten.co.jp/ユーザー/diary/日付0000
となっています。 たとえば、バカネコ日記の8/11の日記は
http://plaza.rakuten.co.jp/nyancolon/diary/200408110000/
となります。

これを、うろ覚えで打ち込もうとしても、かなり無理がありますね。
コピーしましょう。 そして、文字だけでなく、パターンも確認しましょう。
URLが間違っていたり、不必要な空白や文字がくっついていると、うまくジャンプできません。


くたびれてきたので、テキストリンクからアンダーラインを消すという小ワザは、
次回にまわします。






この記事がおもしろかったと思う人は1票! クリック →
 おもしろかったらクリックしてね


講座のページが散らばってきましたので、まとめました。 →マップはこちら




画面右上の「日記リンク追加」 をクリックして、「◎追加する」ボタンを押すと、この日記がリンクされます。
子猫の里親募集にお力添えをいただける方、または、このサイトの新着記事の通知をご希望の方はご利用ください。




 






最終更新日  2004年08月16日 01時39分03秒
コメント(15) | コメントを書く

PR

バックナンバー

2019年08月
2019年07月
2019年06月
2019年05月
2019年04月

プロフィール


海獣トド

コメント新着

 海獣トド@ Re:意外な一面に触れて。(08/14) 泡雪さんへ >マザーテレサって本当にす…
 海獣トド@ うめぼしがキラリ☆さんへ >ひゃー、ブログさぼってる間にトドさん…
 海獣トド@ 鵜の岬さんへ >これからも・・ヨロシク・・ね こち…
 海獣トド@ sshijimisanさんへ >でも、トド様のおかげで少しの村民は救…
 海獣トド@ もぐらのこさんへ >日記の下書き機能残ってるよ(^-^) …
 海獣トド@ archfelisさんへ >せめて12日一杯残せばいいのに・・・…

Copyright (c) 1997-2019 Rakuten, Inc. All Rights Reserved.