• 締切済み

画像のテキストにリンクを埋め込む？

よく、サーチエンジン対策などで画像にキーワードなどを埋め込むという手法があるようなのです。隠しページへのリンクを同様の手法で埋め込みたいと思っています。よく、アイコンに画像を持っていくとテキストが表示されるのですが、その部分にリンクさせるという話を依然聴いたことがあるのですが、具体的な方法がわかりません。参考ページでも構いませんので、ご存知の方がいらっしゃいましたらお願いいたします。alt="ああああ　　altタグ部分にリンクを張るということの推測はついているのですが・・・具体的なソースがあれば一番なのですが・・・。

みんなの回答

  • panda0000
  • ベストアンサー率35% (59/165)
回答No.2

イメージマップのことでしょうか。 http://www.iwai-h.ed.jp/~irie/html-tag/imagemap.html 上記の例はクライアントサイドイメージマップの例で、最も手軽と思います。 サーバサイドイメージマップでも同様のことが可能です。 もう少し詳しく調べるなら、「イメージマップ」か「クリッカブルマップ」で調べるといいと思います。 複雑な形のリンクを作成する場合には、下記のようなフリーソフトを使用すると簡単に作成できます。 http://channel.goo.ne.jp/download/search/search.php3?MT=%A5%AF%A5%EA%A5%C3%A5%AB%A5%D6%A5%EB&CD=1&SW=1&OS=1&category=1&search_num=10

参考URL：
http://www.iwai-h.ed.jp/~irie/html-tag/imagemap.html
  • taknt
  • ベストアンサー率19% (1556/7783)
回答No.1

例えば ｇｏｏって 書いてあるようなものかな？ <td width="1%"><a href="http://www.goo.ne.jp/"><IMG alt=goo border=0 height=46 src="images/goo.gif" width=90></A></TD>

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. その他（プログラミング・開発）

関連するQ&A

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

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

  • テキストリンクで

    バナータグって、↓のとおりですよね。 <a href="サイトURL" target="_blank"><img src="画像URL" width="幅" height="高さ" alt="説明"></a> テキストリンクだと、<img～>のところがぬけますよね。 ですが、どうしてもテキストリンクで alt="説明" の部分をいれたいんです。 どうすれば表示されますか?? テキストリンクでは説明はでないのでしょうか?? 説明が分かりにくいかもしれませんが、よろしくお願いします。

  • リンク先の画像をテキストボックスに表示するには

    HPのリンクタグについて質問させていただきます。 質問タイトル通りで、リンク先の画像(バナー)を、テキストボックスに表示するにはどんなタグを使えばいいのでしょうか? リンク先の『説明』をテキストボックスに表示するタグは検索をしてたくさん出てきたのですが、画像を表示するというタグが出てこなくて… 考えている仕組みは、リンクが張ってあるテキストにオンマウスすると、同ページにあるテキストボックスにそのリンク先のバナーが表示されるという感じです。 ちなみにテキストボックスは200×40バナー大の一行テキストボックスがいいのですが…。 よろしくお願いします。

  • 透明テキストへのリンク？

    隠しページへのリンクを張るときに、透明な（背景色と同色？）テキストを作成し、リンクをつけるという手法があると思うのですが、リンクすると文字色が青く反転してしまうのでバレバレなんです。この、リンク色まで見えなくする方法はないでしょうか？

  • テキストリンクにマウスが重なると画像が出るように・・・

    テキストリンクにマウスが重なるとそのすぐ横くらいにalt属性の内容がが表示されるような感覚で画像をプレビューできるようにしたいのですがどなたかご教授願えませんでしょうか？お願いします。

  • 画像とテキストをランダム表示、さらに両方へリンクをかけたい

    http://okwave.jp/qa1606923.html 上記のページで画像とテキストのセットをランダムで表示させる回答をいただいた質問ページがあったのですが、テキスト部分にも画像と同様にリンクをかけたいのです。 その場合はどのようにすれば良いでしょうか？ 宜しくお願いします＞＜

  • フレームのリンクのやり方を教えてください

    上下のフレームつきのHPを作成しました。 上に画像アイコンを並べて、 それをクリックしたら、下のページにそのURLが出るようにしたいのですが、うまくできません。 ちなみにテキストリンクなら成功しました。 その時のタグが <a href="http://www.～.html" target="上フレーム名">テキスト</a> です。 ちなみに画像アイコンの方は <a href="http://www.～.html" target="上フレーム名"> <img src="画像URL"></a> で、画像リンクのタグにtargetを加えただけのものです。 たぶんこれが間違ってると思うのですが、 どうしたらうまくリンクできるでしょうか？ 教えてください。 よろしくお願いします。

  • テキストにalt属性を持たせるには。

    画像にalt属性を持たせるには<img src="画像のパス" alt="コメント">でいいと思うのですが、テキストにリンクを設定した状態でそこにalt属性を持たせるということは可能でしょうか？ もし可能なら どの部分にそのタグを挿入したらいいのでしょうか？ <FONT size="-1"><A href="リンク先" target="_blank">1</A> （『1』という文字列にリンクを設定した場合。） 初心者の質問のためわかりにくい表現がございましたらすみません。 よろしくおねがいします。

  • html　alt　代替テキストが表示されない

    Windows7、IE11です。 ソースでは、alt="画像"　と記述しています。 しかし、ページをUPしても、画像にマウスを乗せても代替テキストが表示されません。 オプションの「ユーザー補助」→「常にaltテキストを展開」にはチェックが入っています。 同じくオプションの「マルチメディア」→「画像を表示する」のチェックを外して再読み込みすると、画像の箇所に代替テキストが表示された為、タグの記述に間違いは無いようです。 原因が分からず、何処を直せばいいのか分かりません。

  • JavaScriptで呼び出したテキストリンクを画像にするには

    Java Scriptで呼び出したテキストリンクを、画像に替えたいのですがうまくいきません。人がつくったScriptの改造なので、今ひとつわかりにくくて困っています。 ソースは function callJavascript(str) { var obj = parent.document.getElementById('maryleTVLink'); obj.innerHTML = "<a href='http://localhost:8888/cb/cframe_play.php?user=tbsv1&idx=" +str+ "' onclick=＼"return GB_myShow('MaryleTV', this.href)＼">大きく見る</a>" ; } です。 作りとしては、callJavascriptを読み込んでいる画像（Flash）をクリックすると、テキストリンクが表示される、というものです。 「大きく見る」の部分を画像のボタンにしたいのですが、 どうしたら良いか教えてください。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する