我是靠谱客的博主 害羞诺言,最近开发中收集的这篇文章主要介绍html如何添加图片路径,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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

相关学习推荐:html教程

html添加图片路径的方法:

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

66acde06a32e60d92ca838944af6cb3.png

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

38ad8e68a5bf9e3d2ac321bfb82cf86.png

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

70bf0240324f55778d1244f6e505183.png

以上就是html如何添加图片路径的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是害羞诺言为你收集整理的html如何添加图片路径的全部内容,希望文章能够帮你解决html如何添加图片路径所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(138)

评论列表共有 0 条评论

立即
投稿
返回
顶部