使用以下HTML代码:
html
<a href="https://www.meishuzi.com/img/logo.png">
<img src="https://www.meishuzi.com/img/logo.png" style="max-width: 100%; height: auto;" />
</a>
<a href="https://www.meishuzi.com/img/logo.png">
<img src="https://www.meishuzi.com/img/logo.png" style="max-width: 100%; height: auto;" />
</a>
在这个代码中,我们使用`<a>`标签创建一个超链接,并在`href`属性中指定图片的URL。然后,我们在`<a>`标签内部使用`<img>`标签来显示图片,并在`src`属性中指定图片的URL。为了使图片自适应大小,我们使用了内联样式`style="max-width: 100%; height: auto;"`,其中`max-width: 100%`将图片的宽度设置为其父元素的100%,`height: auto;`将图片的高度自动调整以保持原始宽高比。
这样,你就可以在网页中显示一个自适应大小的图片,并且点击图片时会跳转到指定的链接。