• 技术文章 >web前端 >html教程

    html怎么点击图片跳转页面

    青灯夜游青灯夜游2021-05-20 11:41:23原创15592

    html点击图片跳转页面的方法:首先使用img标签插入图片,然后在img标签外围包裹a标签,让img标签拥有一个超链接即可;具体语法“<a href="跳转页面的url"><img src="图片文件路径" /></a>”。

    本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

    html点击图片跳转页面

    <a href="//m.sbmmt.com/"> 
    <img src="img/1.jpg" width="200" height="150" />
    </a>

    效果图:

    1.gif说明:

    在一个<a>标签中加上一个<img>标签内容,即可让该<img>拥有一个超链接。然后可以在后面继续写文字,此文字就会显示成超链接,点击该文字即可进入超链接。

    推荐教程:《html视频教程

    以上就是html怎么点击图片跳转页面的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html 图片 跳转页面
    上一篇:html怎么设置图片大小 下一篇:html中使用css的方法有哪几种
    大前端线上培训班

    相关文章推荐

    • html如何设置背景图片• html5用什么数据库• html怎么自动跳转页面• xhtml和html5的区别是什么• html怎么隐藏p标签

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网