netbeans 如何使图像可单击？

doinxwow 于 2022-11-10 发布在其他

关注(0)|答案(2)|浏览(175)

下面是html：

<div id="panelpic1">
    <a href="https://www.google.com/"style="display:block"target="_blank">
    </a>
</div>

CSS：


# panelpic1{

            content: url(file:///D:/MOHIT/HTML/images.jpg);
            float: left;
            width: 250px;
            height: 150px;
            vertical-align: middle;               
           }

这是我做的方式，但它不工作。图像是不可点击的。该怎么办？

netbeans

来源：https://stackoverflow.com/questions/42051528/how-do-i-make-an-image-clickable

2条答案

按热度按时间

nsc4cvqm1#

<!DOCTYPE html>
<html>
<body>

<span>Open image link in a new tab: 
 <a href="http://www.google.com" target="_blank">
  <img src="D:/MOHIT/HTML/images.jpg" />
 </a>
</span>

</body>
</html>

这不是最好的方法。下面是一个标准的方法，使图像可点击。

<a href="your landing page url">
 <img src="your image url" />
</a>

现在，点击后，此图像将重定向到指定URL上。
有很多方法可以做到这一点，从上传到S3/dropbox，再到使用FSCollection（仅适用于节点用户）。
所以在你的例子中，你的代码片段看起来像这样，

<a href="http://www.google.com">
 <img src="D:/MOHIT/HTML/images.jpg" />
</a>

赞(0）回复(0）举报 2022-11-10

mwyxok5s2#

与@mukul-jain的观点一致，我更新了他的回答，并做了一个关键的澄清，因为这个问题和答案对HTML新手来说都很重要。

更新：HTML5中的`img`元素是自关闭的，不需要`/`

我最想指出的是，HTML5 img元素***不***需要一个结尾的/，就像五年前的答案一样。因此，我修改了下面的答案，以符合这一点：

<a href="http://www.google.com">
 <img src="D:/MOHIT/HTML/images.jpg">
</a>

请注意，原始答案中/位于>之前，这对于img元素是不需要的（参见下面的参考资料）。除此之外，他的答案在如何使图像可点击方面是正确的，即，将图像变成链接。

支持文档：

有关参考，请参阅：MDN docs, The Image Embed Element。
- 特别是 * 请参见MDN文档上的“图像链接”。

干杯干杯干杯

赞(0）回复(0）举报 2022-11-10

我来回答

netbeans 如何使图像可单击？

2条答案

更新：HTML5中的`img`元素是自关闭的，不需要`/`

支持文档：

相关问题

热门标签

最新问答

netbeans 如何使图像可单击？

2条答案

更新：HTML5中的img元素是自关闭的，不需要/

支持文档：

相关问题

热门标签

最新问答

更新：HTML5中的`img`元素是自关闭的，不需要`/`