リンクの貼り付け

質問

<A HREF="○○○" target=_blank><imgsrc="△△△" border=0></a>
○＝ブログ名　△＝画像ＵＲＬ
人気blogランキングに登録して、画像とともに私のブログに皆さんが良くやっているような、画像付きリンクしょうとおもいまして色々自分で調べてやってこれで「リンク」の所に貼り付けたんですけど…中々上手くできません！ブログの記事だったら上のＵＲＬで出来るんですけど、リンクの所にコレと同じのを入れたらリンク先から飛んでも見つかりません。になります。これでは違ってるんでしょうか？どうか教えてください。
＃ブログはＪＵＧＭＥを使用しています。

回答No.1

345itati · ベストアンサー

<a href="リンク先URL" target="_blank"><img src="画像URL" alt="代替テキスト" width="画像の幅" height="画像の高さ" border="0" /></a>

メニューの「リンク」ボタンで挿入されたタグの、テキスト部分を<img src="画像URL" alt="代替テキスト" width="画像の幅" height="画像の高さ" border="0" />に入れ替える方が、間違いが無いと思います。

補足

早い返信ありがとうございます。
代替テキスト・画像の幅・画像の高さには何をいれればいいのですか？代替テキスト？
スイマセン。教えてください。

回答No.7

Muller3

リンクの編集ではなく、フリースペースに入れるか、もしくはHTMLの編集でないとできないんじゃないでしょうか？
JUGEMユーザー助け合い掲示板：頻繁に上がる質問：2. バナーの貼り方・張り方・はりかた
http://support.jugem.jp/bbs/wforum.cgi?no=5773&reno=6237&oya=6237&mode=msgview&page=0

マニュアル「フリースペースの使い方」 | 無料ブログ(blog)作成【JUGEM】
http://jugem.jp/manual/manual.php?mode=b09

マニュアルをご覧になって、「フリースペースの編集」にそのタグを入れてみてはいかがでしょう？

お礼

なるほど！！フリースペースならキッチリで来ました！
教えていただいてありがとうございます。

回答No.6

kikumi2006

たぶんタグの意味がわかっていらっしゃらないようなので、意味を書いておきますね。
a href="リンク先URL"　リンクのタグ
target="_blank"　リンクをクリックしたとき別ウィンドウで表示
img src="画像URL"　自分のブログに画像を取り込んだ（アップロード）ときに勝手に割り当てられるもの。取り込んだ画像URLをクリックすると別ウィンドウで表示されます。

そのときアドレスを見て見ると表示されてるのが画像URLです。

alt="代替テキスト"　マウスをリンクにもっていった際表示される文字。この場合は代替テキストと出ます。

width="画像の幅" height="画像の高さ"　質問された方の場合
width="100" height="50"ですね。質問のタグは間違っています。
<A HREF="○○○" target=_blank><imgsrc="△△△" border=0></a>
ではなく
<a href="http://○○○" target="_blank"><img src="http:// △△△" border="0">
ですね。
エラーがでたのは多分target="_blank"に　"　これがなかったためと思われます。

補足

それでやってもできませんでした!!無理みたいです…。
詳しく教えていただいてありがとうございました。
しかし、タグの意味を良く理解することが出来ました。

回答No.5

soan-do

JUGEMは使ったことがないので詳しいことはわかりませんが、画像はちゃんと自分のPCにダウンロードして、JUGEMへ画像をアップロードしていますか？

お礼

はい。それはキッチリできてます。

回答No.4

345itati

多分。
×<A HREF=
○<a href=
恐らくXHTMLの仕様上大文字は撥ねられるはずです。
<a href="リンク先URL" ～中略～></a>
必ず小文字で書いて下さい。

<a href="○" target="_blank"><img src="△" alt="人気ブログ" width="**" height="**" border="0" /></a>

○をリンク先URLに、△を画像URLに、**の部分は画像のピクセルサイズを代入して、このままコピペしても駄目ですかね？
画像リンクが駄目ってことはないはずですが・・・。

補足

今まで考えましたが出来ません。
ブログの日記の中にこれを当てはめてやると、ちゃんと出るのですが、ＪＵＧＥＭの『リンクの編集』からサイト名は適当に入れてＵＲＬのところに、345ｉｔａｔｉさんが教えてくれたように<a href="○" target="_blank"><img src="△" alt="人気ブログ" width="**" height="**" border="0" /></a>を入れ追加をして確認の為調べると
リンクがあってその下に…
" target="_blank">◎　　◎＝サイト名と出てきます。
そこをクイックして見ると、、、
404 Error - Not Found
指定されたページ（URL）は見つかりません。

と出てきます。なぜなんでしょう…。スイマセン。

回答No.3

345itati

>404 Error - Not Found
>指定されたページ（URL）は見つかりません。
リンクURLそのものが間違っている可能性があります。
http://から始まるアドレスを正確に入力していますか？
アドレスバーに表示されているURL全てを打ち込まないとリンク先に飛べません。

><A HREF="○" target=_blank>
×target=_blank
○target="_blank"
必ずダブルクォテーション「"」かシングルクォテーション「'」でくくって下さい。

補足

はい！打ってます！ブログの記事ではしっかり出来るんです。
リンク先の所に入れると出来ないんです。

回答No.2

345itati

代替テキスト→画像が表示出来ない場合に、代わりに表示されるテキスト。Win IEでは何故かこれがチップヘルプ(マウスを重ねた時に出て来る短い説明文)になってしまうバグがあるので、リンク先のブログやサイト名を入れておくのが無難。
画像の幅、高さ→imgで挿入される画像の幅と高さの値(単位ピクセル)。画像のプロパティで、100×50とあったら、
width="100" height="50"と入れる。
入れなくてもいいといえばいいけど、若干表示が遅れる事もあるので、入れておいた方が親切。

お礼

<A HREF="○" target=_blank><img src="△" alt="image/gif"alt="人気ブログ" width="100" height="50" border="0" /></a>
と打ちました！
しかし、

404 Error - Not Found
指定されたページ（URL）は見つかりません。
と出てしまいます。
下には「" target="_blank">s」ともかかれてます。

なぜか出来ません＞＜
スイマセン。