在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如何给图片加链接的详细内容。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐