• ベストアンサー

<A href= と<IMG srcの使い分け

<A href= と<IMG srcの使い分けについて伺いたいのですが 一応は以下のようになっていると思っておりますが、 基準がどこにあるのでしょうか? <A href=の対象について <A href="mailto:○○○○○○">   アドレス <A href="○○○○○○.html">  URL等 <A href="image.pdf" target="_blank">  PDF等を開かせる <IMG src=の対象について <IMG src="○○○.gif"等の様に、画像の拡張子になっている。

  • HTML
  • 回答数2
  • ありがとう数6

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

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

<A はリンクという意味です。 その箇所をクリックすることによってどういうアクションをしたいかを指定します。 koro5917さんの例にあるように そこをクリックするとメール画面を表示させたり、 別のURLへジャンプしたりPDFのファイルを開いたりすることができます。 <img はその画面に画像を表示させたい場合に使用します。 <img で指定した場所に指定した名前のファイル(○○○.gifなど)を表示してくれます。

参考URL:
http://www.tohoho-web.com/www.htm
koro5917
質問者

お礼

<A はリンクという意味   分かりました。 参考URLもためになりそうで助かります。 区別ということではなくて、使用目的がはじめからあったのですね! <A はリンクという意味の指摘は hrefとは又区切られて、hrefと繋がらないものもあるということを始めて知りました。 ありがとうございました。

その他の回答 (1)

  • puma0922
  • ベストアンサー率26% (51/190)
回答No.2

ご質問に対する正しい回答になっているかはわかりませんが、 a は Anchor の略で、リンク先の指定 IMG は Image の略で、画像を表示 のタグになります。 以下のURLでは、HTMLの各タグについて詳しく説明されていますよ。

参考URL:
http://www.tohoho-web.com/html/index.htm
koro5917
質問者

お礼

a は Anchor の略で、リンク先の指定ですね!Anchorは いかりをおろすからの意味をこの様になったのですね! 参考になりました。 参考URLは#1の方の参考URLのなかの詳細が書いてありました。 大変ためになります。 ありがとうございます。

関連するQ&A

  • php正規表現 相対パス→絶対パス

    下記のようにhtml内の相対パスの箇所を、 全て絶対パスに置換えるにはどう記述したらよいでしょうか? ご伝授いただけたら幸いです。 <a href="/test/jp/danny.pdf" target="_blank"> <img src="/cmn/img/text.gif">   ↓↓   ↓↓ <a href="http://testsaite.co.jp/test/jp/dammy.pdf" target="_blank"> <img src="http://testsaite.co.jp/cmn/img/text.gif">

    • ベストアンサー
    • PHP
  • <img src=http://にしたい

    PHPでWebページのソースを取得して そのソースの中の<img>タグの src属性がもしhttp://で始まらなかった場合 取得したURLをsrc属性に加える方法はないでしょうか? 例 URL=http://www.○○.com ソース <img src="/image/01.jpg"> ↓ <img src="http://www.○○.com/image/01.jpg"> に変更したいです。 よろしくお願いします。

    • ベストアンサー
    • PHP
  • srcに「banner.」で始まるファイルを指定しているimgタグが消える

    急に謎の症状が発生して困っています。 何か知っている方がいたらご教示お願いします。 謎の症状が起きるスクリプトの例------------------------ echo '<div>'; echo '<a href="hoge1"><img src="img/banner.jpg"></a>'; echo '<a href="hoge2"><img src="img/banner2.gif"></a>'; echo '<a href="hoge3"><img src="banner.gif"></a>'; echo '<a href="hoge4"><img src="banner.png"></a>'; echo '<a href="hoge5"><img src="hogehoge.gif"></a>'; echo '</div>'; ------------------------------------------------------ 上記のようなスクリプトを実行した場合に、3行目の「img/banner2.gif」と6行目の「hogehoge.gif」を指定しているimgタグしか表示されません。 残りはimgタグの部分だけ綺麗さっぱりに消えてaタグの部分だけ表示されます。実行結果が下記のようになるのです。(実際には改行されませんが、見やすいように改行してます。) 実行結果--------------------------------------- <div> <a href="hoge1"></a> <a href="hoge2"><img src="img/banner2.gif"></a> <a href="hoge3"></a> <a href="hoge4"></a> <a href="hoge5"><img src="hogehoge.gif"></a> </div> ----------------------------------------------- banner.gifやimg/banner.gifは表示されるファイルと同じディレクトリの中に存在しています。 昨日ちゃんと表示されていたのを確認しました。そのときからサーバーの設定は変更していないので、何が原因なのかが分かりません。 過去に同じような症状が起こった方はいないでしょうか? PHPのエラーログを見てもエラーも警告もありませんでした。 【環境】 OS: CentOS/5 HTTPD: Apache/2.2.3 PHP: PHP/5.1.6(eAccelarator、ZendOptimizerが入ってます) ちなみに「banner」だけだとOKでした。「banner.」が付くとダメみたいです。 よろしくお願いします。

    • ベストアンサー
    • PHP
  • 勝手にタグが改変されてしまいます。

    初心者レベルでお許しください。 ブログにタグを貼ろうとしていますが、 <a href="~><img src="~></a><br><br><a href="~><img src="~></a><img src="~/gif.gif"> という構文をソースで入力し、 普通のモードに変えると、何故か勝手に改変されタグも変わってしまいます。 (~の部分はIDやホームページなどがかかれています。) <a target="_blank" href="http~></a><br /> <br /> <a target="_blank" href~></a><img alt="" src="http~> これが勝手に改変されないようにするにはどうしたらよろしいのでしょうか? 宜しくお願いいたします。

  • pdfのhtmlに指示を与える書き方について

    (1)pdfを開かせるためのhtmlに指示を与える書き方ですが、以下の文章のタグの中に<A href="image.pdf" target="_blank">がありますが  target=は なんの役割をしてるのでしょうか?  (2)pdfを開かせるためのhtmlに指示を与える一般的な書き方はどのようになるのでしょうか?   <A href="image.pdf">○○○  でいいと思うのですが、Webブラウザには○○○が出ただけで、それをクリックしても四角の中に赤のXしか出てきません。  Adobe Reader 7.0が入ってます。windows XP SP2にするまえにはpdfのページから pdfを開けたのですが、環境が変わってから、四角の中に赤のXしか出てきません。 Webでなしに、直接作成したPDFファィルは開きます。 Adobe Reader 7.0とwindows XP SP2の関連が分かりません。原因をご存知でしたら教えてください! <A href="image.pdf" target="_blank"><IMG src="pdf.gif" width="35" height="35" border="0" alt="AAAPDF">

    • ベストアンサー
    • HTML
  • ウインドウを狭めてもレイアウトが崩れない方法

    ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を3列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>

    • ベストアンサー
    • HTML
  • 複数URLへのサーフタグ

    指定された複数のURLに自動サーフ(リンク)できるタグはないのでしょうか? この手のタグは良く使われますよね? href=<a"http://blogranking.fc2.com/in.php?id=*****"target="_blank"><img src="http://blog67.fc2.com/c_01.gif " target="_blank" </a> よろしくお願い申し上げます。

  • バナーループについて

    flash使用なしのxmlファイルを使用して、ループするローテーションバナーかバナーループをやりたいと思っております。 海外サイトでjsを見つけて、テストをしようと思ってくんでみたのですがうまくいきません。 色々しらべたのですが手詰まり感で質問しました。 宜しくお願いします js <script> function change_banner(){ data=xmldata[sample]; //get current banner XML object img=$(data).attr("src"); //retrieve variables href=$(data).attr("href"); target=$(data).attr("target"); $(".banner_img_href").attr("href",href); //change variables on HTML $(".banner_img_href").attr("target",target); $("#banner_image").attr("src",img); } </script> </head> html <body> <div class="banner"> <div class="banner_text"> <a class="banner_img_href" href="http://someurl.com"> <img src="images/xF0mp.gif"> </a> </div> <div class="banner_img"> <a class="banner_img_href" href="http://someurl.com"> <img border='0' src="images/tO9x.gif" id='banner_image' alt='Banner Image' /> </a> </div> </div> xml <?xml version="1.0" encoding="utf-8"?> <list_database> <row> <src>/images/p2B12.gif</src> <url>http://autoway.jp/</url> <target></target> </row> <row> <src>/images/xF0mp.gif</src> <url>p2B12.gif</url> <link>http://www.yahoo.co.jp/</link> </row> </list_database>

  • htmlとスタイルシートで

    ホームページ作成で以下のソースを書いたときにイメージの周りに アンカースタイルの色が 「アクティブ時」青、 「ホバリング時」ネイビーで表示されてしまうのですが、バックの 色と同じ指定をしたいのですが、どのようにスタイルシートに指定 すればよいのでしょうか?教えてください。 <a href="対象URL" target="_blank"> <img src="対象IMG"> </a> よろしくお願いします。

    • ベストアンサー
    • HTML
  • リンクした画像の大きさをしていするには?

    たとえば、 <a href="a.jpg" target="_blank"><img src="00.gif"> だとして、00.gifからa.jpgにリンクするのですが、 画像が小さいのに、大きな画面の中にその画像が はじっこに出てしまいます。 画像がぴったしになるように大きさを 指定するにはどうしたらいいのですか?

専門家に質問してみよう