【毎日開催】

15記事にいいね！で1ポイント

10秒滞在

いいね! --/--

次の日記を探す

おめでとうございます！
ミッションを達成しました。

※「ポイントを獲得する」ボタンを押すと広告が表示されます。

2270960
ホーム \| 日記 \| プロフィール	【フォローする】【ログイン】

バカネコ日記

フリーページ

< 新しい記事

新着記事一覧(全963件)

過去の記事 >

全て | カテゴリ未分類 | バカネコＰＣ講座 | バカネコのお話

2004年08月14日

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

(15)

カテゴリ：カテゴリ未分類

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

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

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

１．画像の枠線の消し方

まず、リンクのおさらい。　画像でリンクする場合の基本形は
　　<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が間違っていたり、不必要な空白や文字がくっついていると、うまくジャンプできません。

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

この記事がおもしろかったと思う人は１票！　クリック　→　