脚本宝典收集整理的这篇文章主要介绍了html怎么导入图片，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

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为例，这样图片就插入完成了：

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

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

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

以上就是html怎么导入图片的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的html怎么导入图片全部内容，希望文章能够帮你解决html怎么导入图片所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。