按钮的 href 语法 (HTML)

Question

我创建了一个按钮，如下图。现在我正在研究 linking 它。但是 href 部分似乎出了问题。有谁知道如何 link 站点按钮（使用 https://aol.com）。谢谢

<body>
    <div class="result15823794" style="width: 160px; height: 30px;     background-image:     url(&quot;http://static1.grsites.com/user/generate/items/button84799376.png&quot    ;);
    " onmouseover="this.style.backgroundImage =     'url(http://static1.grsites.com/user/generate/items/button76804217.png)'
    " onmouseout="this.style.backgroundImage =     'url(http://static1.grsites.com/user/generate/items/button84799376.png)'">
    <div style="background-image:     url(http://static1.grsites.com/images/0.gif); 
    width: 160px; height: 30px;"></div>
    </div>
</body>

Answer 1

onclick="location.href='https://aol.com/';"

样本：

<body>
  <div onclick="location.href='https://aol.com/';" class="result15823794" style="width: 160px; height: 30px;     background-image:     url(&quot;http://static1.grsites.com/user/generate/items/button84799376.png&quot    ;);
        " onmouseover="this.style.backgroundImage =     'url(http://static1.grsites.com/user/generate/items/button76804217.png)'
        " onmouseout="this.style.backgroundImage =     'url(http://static1.grsites.com/user/generate/items/button84799376.png)'" onclick="location.href='https://aol.com/';">
    <div style="background-image:     url(http://static1.grsites.com/images/0.gif); 
        width: 160px; height: 30px;"></div>
  </div>
</body>

Answer 2

你可以用包含 AOL 的 href 的锚包裹最外面的 div，如下所示：

<a href="https://aol.com/"><div class="result15823794" style="width: 160px; height: 30px;     background-image:     url(&quot;http://static1.grsites.com/user/generate/items/button84799376.png&quot    ;);
    " onmouseover="this.style.backgroundImage =     'url(http://static1.grsites.com/user/generate/items/button76804217.png)'
    " onmouseout="this.style.backgroundImage =     'url(http://static1.grsites.com/user/generate/items/button84799376.png)'">
    <div style="background-image:     url(http://static1.grsites.com/images/0.gif); 
    width: 160px; height: 30px;"></div>
    </div></a>

Answer 3

<a href="https://aol.com" target="_blank">

在正文 <body> 标签之后添加此内容，然后在结束 </body> 标签之前添加锚标签的结束。就像我下面的代码一样。

<body>
    <a href="https://aol.com" target="_blank">
    <div class="result15823794" style="width: 160px; height: 30px;     background-image:     url(&quot;http://static1.grsites.com/user/generate/items/button84799376.png&quot    ;);
    " onmouseover="this.style.backgroundImage =     'url(http://static1.grsites.com/user/generate/items/button76804217.png)'
    " onmouseout="this.style.backgroundImage =     'url(http://static1.grsites.com/user/generate/items/button84799376.png)'">
    <div style="background-image:     url(http://static1.grsites.com/images/0.gif); 
    width: 160px; height: 30px;"></div>
    </div>
    </a>
</body>

按钮的 href 语法 (HTML)

href syntax for a button (HTML)

html

href