如何让图片成为超链接？-href-只需要使用`target`属性

1. 示例代码：

<a href="https://www.example.com">


  <img src="image.jpg" alt="描述性文字" />


</a>

想要链接在新窗口中打开？只需要使用`target`属性。

1. 示例代码：

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


  <img src="image.jpg" alt="描述性文字" />


</a>

通过CSS，你可以给图片超链接添加一些酷炫的悬停效果。

1. 示例代码：

<style>


a img:hover {


  opacity: 0.8;


  transition: opacity 0.3s ease;


}


</style>

图像映射可以在图片的多个区域上创建可点击的链接。

1. 示例代码：

<map name="imageMap">


  <area shape="rect" coords="0,0,100,100" href="https://www.example1.com" />


  <area shape="circle" coords="200,200,50" href="https://www.example2.com" />


</map>


<img src="image.jpg" usemap="imageMap" alt="交互式图片" />