• ベストアンサー

画像でリンクを張る方法

ドロップシッピングのページを勉強してますが、画像でリンクを張る方法が理解できません。 リンクを貼りたい画像の前に<a href="http://www.~~">を挿入して、</a>を挿入すると、その画像をクリックすると指定したURLへ飛ぶとあります。 もう一つ違う方法で、画像の上で右クリック「対象ファイルを保存」でダウンロードしたのですが、貼り付けかたが解かりません。 パソコン初心者で解かりませんのでよろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

画像付きリンクタグはターゲット指定の種類があるだけで <a href="リンク先URL″><img src="画像のURL"></a> しかありませんし、違う方法はないはずですが? (flashやCGIなどは別として・・・) ブログのカテゴリにて質問されているので、ブログでのことだと勝手に判断して答えさせていただきますけど、画像をよそからダウンロードしてその画像を使ってリンクしたいということならば、そのダウンロードした画像をブログのアップローダーでアップロードしてください。 そこで記事エディタで使いたい画像を呼び出してそれにリンクをつければ出来上がりです。 (お使いのブログによっては作業の仕方がちがいます。サムネイル機能は切っておいてください) サイドに独自コンテンツとして付けたいのなら、記事エディタをHTMLモードにして上記のように作っておいて出来たものをコピペして独自コンテンツの中に入れます。 お使いのブログが分かれば教えやすいのですが。。。 ブログの記事エディタを使うとタグが分からなくても画像付きリンクタグの設定ができます。 もし万が一、ブログではなくてHTMLでのページ(メモ帳などのテキストエディタでの)編集でしたら画像付きリンクタグをいれればいいだけですが、画像のURLを相対URL(詳しくはこちら→http://10prs.com/prepare/url http://homepage2.nifty.com/tomoarai/html/pass.html)にして画像とHTMLファイルと一緒にアップロードします。 ダウンロードした画像はHTMLファイルと同じフォルダの中に入れておくと分かりやすいですが、整理のためにそこからまた新しいフォルダを作って「img」など英数小文字の名前に変更してその中に入れておくといいですよ。 その場合の画像の相対URLは./img/gazou.jpgになります。 ついでにリンクについてのページを見てくださいね。 http://www.heo.jp/tag/href/ http://www.tagindex.com/html_tag/link/index.html http://homepage2.nifty.com/tomoarai/html/link.html#img

関連するQ&A

  • 画像にリンク

    ホームページビルダー7にてHP作成しております。画像のロールオーバーを作成しましてメニューボタンを作成いたしました。そのボタンを「お問合わせ」とし、メールへリンクするようにしたいのです。通常の画像や文字などからは右クリックで「リンクの挿入」を指示しメールへリンクが出来るのですが、画像ロールオーバーで作成したものにリンクしようと思ってもできません。右クリックしますと「リンクの設定」というメニューはグレーになっていてクリックできません。右クリックし「属性の変更」でリンクの指定が出来るのですが、ファイルが対象になっているようでメールへリンクすることはできないようです。ご存知の方がいらっしゃいましたらよろしくお願いいたします。

  • 画像にリンクの文字を重ねる方法

    こんにちは。 ブログのトップページの上段に画像を配置して、右上に文字でメニューのようなものを配置したいと思っています。 画像に文字を重ねて、文字をクリックするとジャンプするようなイメージです。 一つの文字を重ねる事はできたのですが、複数の文字を右へ増やしていく事ができません。 画像の右上に | リンク1; | リンク2; | リンク3; | のようなイメージです。 現状のHTMLは以下です。 <a href="飛ばすURL" style="display:block; text-align:right; width:910px; height:100px; background: url(http://画像のURL); no-repeat;">リンク先1;</a> お手数ですがご教授お願いします。

  • リンクする画像とテキストをくっつけるには?

    ブログでHTMLタグを使いたいのですがまだよく分かりません。 テキストをクリックしたらリンクするためのHTMLタグは次の通りですよね。 <a href="リンク先URL">表示するテキスト</a> 画像(写真)をクリックしたらリンクするためのHTMLタグは次のようになりますよね。 <A Href="リンク先URL"><img src="画像のアドレス"><A>  私は現在、テキストと画像の両方を同じサイトにリンクさせるのに、上の二つのタグを使っているのですが、本文に表示されると二つが離れてしまいます。よく、画像とテキストが一体化しているのを見るのですが、そうするにはどうしたらいいのでしょうか?ご教授願えませんか?

  • 画像リンクについて

    ホームページで同盟などのバナーを画像リンクさせたいのですが画像が反映されません。 どうすれば良いのでしょうか・・ あと画像URLの取得(バナーお持ち帰りの場合)は 右クリック保存→保存した画像のプロパティ→場所 で合っていますか?

    • ベストアンサー
    • HTML
  • 画像にリンクを貼るにはどうしたら?

    フォレストでサイト制作をしている途中なのですが、画像にリンクを貼る方法がわからなくて困っています。 調べてみて、 <a href="移動したい場所のURL"><img src="画像のURL"></a> というタグを使うことはわかったのですが、これをどこに貼ればいいのかわかりません。 どなたか解る方教えて頂けますか? よろしくお願いします。

  • 画像をリンクボタンにしたときに出る「枠」を消したい・・

    <A HREF="リンク先のURL"><img src="画像のURL"></A> ↑この方法でリンクボタンを作ったところ、 どうしても画像のまわりを「四角い枠」が囲んでしまいます。 この「枠」を消す方法を・・ 教えて下さい。

    • ベストアンサー
    • HTML
  • ワード2003 画像の挿入&リンクのリンク先の指定方法

    ワード2003で、画像を「挿入とリンク」で挿入したときに リンクの指定が絶対アドレスではなく、相対アドレスで指定する方法はありますか? 今デスクトップでワード文章を作成していて 同じデスクトップに画像を保存するフォルダを作って入れています。 挿入⇒図⇒ファイルから⇒挿入とリンク で画像を挿入して作成している状況です。 最終的には、デスクトップからファイル&フォルダを移動したいのですが、移動した場合全ての画像のリンクを「リンク元の変更」をしなければ最新のファイルになってくれません。 という状況です。

  • WORD:リンク挿入した画像のリンク先が知りたい。

    Word2013を使っています。 ファイルへのリンクで画像を挿入しているのですが、1枚のシートにたくさん画像を挿入しており、その画像がどのファイルにリンクしているのかわからなくなってしまいました。 情報→「ファイルへのリンク情報」でリンクされているファイルの一覧は見えるのですが、そのファイルが何ページのどの画像なのかがわかりません。 画像を右クリックしてリンク情報...みたいな感じで、その画像のリンク先がわかるといいのですが、見当たりません。 該当するファイルを削除して保存して再読みしてエラーを見る、みたいな無粋なことはしたくないのです。 よろしくお願い致します。

  • リンク先の画像を一括でダウンロードするには???

    http://intervaluesi.com/o/orihara.html 例えばこのリンク先の画像を一括でダウンロードするにはどうすればいいのでしょうか? 右クリック保存だと1枚ずつになりめんどくさいんで何かいい方法があれば教えてください。

  • AccessVBAでIEを操作、ページ内のリンク先を"対象をファイルに保存(&A)..."する

    お世話になります。 インターネットエクスプローラを人が操作して、例えば、OKWaveのトップページのロゴを ダウンロードする場合には、  ロゴを右クリックしてメニューを出し、  "対象をファイルに保存(&A)..."を選択・実行、  「ファイルのダウンロード」、「名前を付けて保存」のダイアログが出て、  所望のフォルダ(C:\temp\)、所望のファイル名(logo.gif)を設定して保存 の手順でダウンロードすることができます。 VBAでの処理では、URLDownloadToFile等で、urlを指定してダウンロードができますが、 人が操作した場合と同様に、「ファイルのダウンロード」等のダイアログを表示して処理する、 というのは可能でしょうか? 1.ページを表示(.navigate) 2.対象のリンクをフォーカス(.focus) 3.右クリックメニューの"対象をファイルに保存(&A)..."を実行 3.については、sendkeys"+{F10}"とsendkeys"a"可能ですが、これは避けたいです。 右クリックメニューのコマンドの実行に関して、invokeverbでプレビューなどができるので、 同様に、ページ内のリンクにフォーカスして右クリックのメニューのコマンドを実行する方法がないかと探しています。 ご存知の方がおられましたら、ご教示の程、よろしくお願いいたします。