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

    html怎么导入图片

    coldplay.xixicoldplay.xixi2021-03-01 11:59:34原创39516

    html导入图片的方法:首先新建html文件,在body标签中插入img标签;然后给标签添加“src”属性,属性值填写想要添加图片的路径;接着给img标签添加“alt”属性;最后用“width”和“height”来控制图片宽高。

    大前端成长进阶课程:进入学习

    本教程操作环境:windows7系统、html5版,DELL G3电脑,该方法适用于所有品牌电脑。

    html导入图片的方法:

    1、新建html文件,如图所示,在body标签中插入img标签,需要注意的是,img在html中没有结束标签,所以不需要添加“</img>”。给标签添加“src”属性,属性值填写想要添加图片的路径,这里以和html同一目录下的1.png为例,这样图片就插入完成了:

    fb74ae9248dc1a76483028f239e1921.png

    2、为了防止用户浏览网页时无法加载图片,可以给img标签添加“alt”属性,这个属性可以在图片加载失败时显示出来以告诉用户这里是张什么图片,还可以在用户将鼠标放在图片上是显示提示信息,这里以属性值“鹦鹉”为例:

    2b3560548b67d10bf8a2235945e9072.png

    3、img标签中插入的图片宽和高默认是图片自身的宽和高,如果想要自定义宽和高的话,可以用“width”和“height”来控制,这里以宽和高都是200为例,为width”和“height”设置属性值为“200”:

    296df2479e5d1492b3c38c4da057326.png

    免费学习推荐:html视频教程

    以上就是html怎么导入图片的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:html 导入图片
    上一篇:html怎么去除文本下划线 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• pscs6怎么导入图片到画布• php数组怎么导入图片• python如何导入图片• vscode怎样导入图片• react中如何导入图片
    1/1

    PHP中文网