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

html图片怎么添加(html怎么用img添加图片)

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

html导入图片的方法:

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

html图片怎么添加(html怎么用img添加图片)

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

html图片怎么添加(html怎么用img添加图片)

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

html图片怎么添加(html怎么用img添加图片)

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

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

adminjs.Cn 工作生活学习必备

声明:本文仅供个人学习使用,来源于互联网,本文有改动,本文遵循[BY-NC-SA]协议, 如有侵犯您的权益,请联系本站,本站将在第一时间删除。谢谢你

原文地址:html图片怎么添加(html怎么用img添加图片)