【问题标题】:Image not becoming a hyperlink [duplicate]图片没有成为超链接[重复]
【发布时间】:2013-11-17 12:30:40
【问题描述】:

我的网站上有这个图片按钮,我正在尝试使用此代码将其链接到另一个页面,但它根本不起作用 :) 这是代码。请帮忙。

<a href="###"></a><img src="###" width="254" height="45"/>

【问题讨论】:

  • 我喜欢我们在几秒钟内给出〜相同答案的方式...... %^O
  • 在 StackOverflow 上提问之前,请至少完成基本的 HTML 教程。

标签: html image hyperlink


【解决方案1】:

&lt;img&gt; 部分应在&lt;a&gt; 标签内...

<a href="###"><img src="###" width="254" height="45"/></a>

基本的 HTML 规则是链接位于开始和结束 &lt;a&gt; 标记之间,无论是文本还是图像。

【讨论】:

    【解决方案2】:

    你想要这样:

    <a href="###"><img src="###" alt="alt text"></a>
    

    不推荐使用宽度和高度标签,因为您应该为它们使用 CSS,但 HTML5 验证需要 alt 标签。

    【讨论】:

      【解决方案3】:

      标签中包含 img 标签表示将链接与我的图像相关联,并在单击后显示图像。您还可以添加“target=_blank”以在新标签页中打开您的图片。

      ### would be the link 
      
      <a href="###">
      <img src="###" alt="my image" width="254" height="45" target="_blank" />
      </a>
      

      通过MDN了解更多信息

      【讨论】:

      • 请不要将初学者指向 w3schools。他们最好不要从那里学习。
      • @kapa 为什么会这样?我相信这是一个很棒的网站,甚至我也开始学习了
      • 这是一个质量很差的网站。我开始在那里学习东西,但后悔了一千次。他们把自己伪装成官方的东西,就像他们与 w3c 有关系一样。他们传播不良做法。避免。例如,MDN 是一个很好的资源。
      【解决方案4】:

      如果你想让图片可链接,你需要在锚标签内放置img标签

      <a href="linkhere"><img src="img source" /></a>
      

      【讨论】:

        猜你喜欢
        • 2012-04-11
        • 2015-07-13
        • 1970-01-01
        • 2010-10-09
        • 1970-01-01
        • 2023-01-09
        • 2014-04-18
        • 2019-11-15
        • 2011-05-10
        相关资源
        最近更新 更多