HTML中给图片添加网站超链接

在HTML中给图片添加网站超链接

html给图片添加超链接的方法：可以通过 标签来设置超链接，通过href设置所要跳转的链接，然后在a标签后面加入一个图片的格式路径，当点击图片时就可以跳转到想要跳转的网站中去。

<li><a href="https://baike.sogou.com/v14437.htm?fromTitle=2000%E5%B9%B4%E5%A5%A5%E8%BF%90%E4%BC%9A"><img src="image/2000.jpg"></a></li>

给大家看一个我自己写的图片转网站的超链接方法，供大家参考：

<div class="picters">
			<ul>
				<li><a href="https://baike.sogou.com/v14437.htm?fromTitle=2000%E5%B9%B4%E5%A5%A5%E8%BF%90%E4%BC%9A"><img src="image/2000.jpg"></a></li>      
				<li><a href="https://baike.sogou.com/v812451.htm?fromTitle=2004%E5%B9%B4%E5%A5%A5%E8%BF%90%E4%BC%9A"><img src="image/2004.jpg"></li>   
				<li><a href="https://baike.sogou.com/v543362.htm?fromTitle=2008%E5%B9%B4%E5%A5%A5%E8%BF%90%E4%BC%9A"><img src="image/2008.jpg"></li>
				<li><a href="https://baike.sogou.com/v53415780.htm?fromTitle=2012%E5%A5%A5%E8%BF%90%E4%BC%9A"><img src="image/2012.jpg"></li>
				<li><a href="https://baike.sogou.com/v6278584.htm?fromTitle=2016%E5%B9%B4%E5%A5%A5%E8%BF%90%E4%BC%9A"><img src="image/2016.jpg"></li>
				<li><a href="https://baike.sogou.com/v61708696.htm?fromTitle=2020%E5%B9%B4%E5%A5%A5%E8%BF%90%E4%BC%9A"><img src="image/2020.jpg"></li>
		   </ul>
	   </div>

总结：以上就是本篇文章的全部内容了，希望对大家有所帮助。
以上就是html如何给图片加链接的详细内容。