5

私は - img id="logo" を持っているので、自分のウェブサイトに自分のロゴを載せることができます。その完全なコードは次のとおりです。

<img id="logo" src="nsc/logo2.png" alt="logo" />

<a href="">???を使用してこのロゴ画像をリンクするにはどうすればよいですか?

私は多くの異なる方法を試しましたが、うまくいきません:/

4

7 に答える 7

9 
<a href="www.example.com"><img id="logo" src="nsc/logo2.png" alt="logo" /></a>
于 2013-06-13T10:46:03.110 に答える
1

aタグではなくタグでimgクリックイベントを受け取りたい方へ

<a href="/chat" style="background: red; display: inline-block;">
  <img src="chat.svg" style="pointer-events: none; display: block;" width=40 height=40>
</a>

タグaについて
  • display: inline-blockin :タグaに幅と高さを設定できますa
タグimgについて
  • display: block: 画像の下の余分なスペースを削除するのに役立ちます
  • pointer-events: none: のクリックを無視し、タグimgでクリック イベントが発生しますa
于 2020-11-07T04:11:40.233 に答える
1

<img>タグをアンカータグでラップするだけ<a>です。

<a href="myUrl.html">
    <img id="logo" src="nsc/logo2.png" alt="logo" />
</a>

これにより、画像全体がリンクに変わります:)

于 2013-06-13T10:46:55.520 に答える
-6

ここにあなたのための解決策があります、

<img id="logo" src="nsc/logo2.png" alt="logo" onClick="window.open('http://yahoo.com');" />
于 2013-06-13T10:46:28.780 に答える