HTML点击图片跳转到新页面怎么实现？（示例）
发布时间：09/01 来源：未知 浏览：
关键词：
那么即使是新手对文字增加超链接这个功效也并不生疏，也就是给某段文字增加a标签。然后在a标签中加上要跳转的新地址就可以了。即使不克不及完全懂得，只要照葫芦画瓢，仍然能用的得心应手。
但是有的新手大概会问 文字会了，那HTML点击图片跳转到新页面这个功效结果该怎样实现？其实仍然和文字增加超链接大同小异。本篇文章就给大家介绍HTML点击图片跳转到新页面的功效是如何实现的？
下面我们通过一个简便的HTML代码示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML点击图片跳转页面示例</title>
<style>
img{width: 80px ;
height: 80px
;}
</style>
</head>
<body>
<a href="http://www.php.cn"><img src="/test/img/2.png"> </a>
</body>
</html>以上代码可以直接复制粘贴在当地测试，我在当地测试结果如下图：
由于是截的图所以没法看到点击后跳转的页面，但是我在当地亲自测试过，只要点击上面的图片。就是跳转到我指定的新链接地址《百分百源码网》。a标签中herf后面就指定的新地址。想要实现点击图片跳转页面这个结果，只要把握了a标签和img标签，这里友谊提示下：img图片的途径必然要对啊。
那么通过以上文章关于HTML点击图片跳转新页面的相关介绍。但愿对大家有所帮忙。
以上就是HTML点击图片跳转到新页面如何实现？（示例）的具体内容，更多请关注百分百源码网其它相关文章！
