手抜きで覚えるHTMLリンク講座　補講２

　　 以前やった、リンク講座で、画像リンクの作り方を説明しましたが、 理解を助けるためとはいえ、簡略化しすぎた部分があります。 このため、画像にちょっと不細工なふちが残ってしまいます。 比較するとこんな感じです。 　　　　　　　　　 誰にでもわかりやすく、簡単にと、そのことばかり考えて説明しましたので ちょっとばかり、不完全な解説になってしまいました。 あらためて、対処方法をご紹介いたします。 １．画像の枠線の消し方 まず、リンクのおさらい。　画像でリンクする場合の基本形は 　　<a href="URL"><img src="保管場所"></a> でした。 "URL"に飛び先、"保管場所"に画像のアドレスをはめ込めば、ＯＫと説明しました。 お忘れになった方は、手抜きで覚える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　の数値を０ではなく、大きくするとどうなるか？ 興味のある方はやってみてください。　ダサくなるので、あまりやりたがる人は いないと思いますが（笑） 【仔猫の里親募集中】 　↑この子猫の里親を募集しています。 ２．別ウィンドウで開く さて、別ウィンドウで開きたいのに、うまくいかないという質問がありました。 リンク先を別ウィンドウで開くには、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は、インターネットエクスプローラのアドレス欄から、コピー＆ペースト するのが、一番、簡単で正確です。 ８月１１日の日記のページにジャンプさせたいなら、そのページを開いて インターネットエクスプローラのアドレス欄を見ます。 これが、正確なURLです。 楽天日記ページのURLはパターンが決まっていて、必ず http://plaza.rakuten.co.jp/ユーザー/diary/日付0000 となっています。　たとえば、バカネコ日記の8/11の日記は http://plaza.rakuten.co.jp/nyancolon/diary/200408110000/ となります。 これを、うろ覚えで打ち込もうとしても、かなり無理がありますね。 コピーしましょう。　そして、文字だけでなく、パターンも確認しましょう。 URLが間違っていたり、不必要な空白や文字がくっついていると、うまくジャンプできません。 くたびれてきたので、テキストリンクからアンダーラインを消すという小ワザは、 次回にまわします。 この記事がおもしろかったと思う人は１票！　クリック　→　 講座のページが散らばってきましたので、まとめました。　→マップはこちら 画面右上の「日記リンク追加」 をクリックして、「◎追加する」ボタンを押すと、この日記がリンクされます。 子猫の里親募集にお力添えをいただける方、または、このサイトの新着記事の通知をご希望の方はご利用ください。