html如何添加图片路径
程序员文章站
2022-03-05 19:04:07
...
html添加图片路径的方法:首先新建html文件,在body标签中插入img标签;然后给img标签添加“alt”属性;最后img标签中插入的图片宽和高默认是图片自身的宽和高。
本教程操作环境:windows10系统、html5版,DELL G3电脑,该方法适用于所有品牌电脑。
相关学习推荐:html教程
html添加图片路径的方法:
1、新建html文件,如图所示,在body标签中插入img标签,需要注意的是,img在html中没有结束标签,所以不需要添加“</img>”。给标签添加“src”属性,属性值填写想要添加图片的路径,这里以和html同一目录下的1.png为例,这样图片就插入完成了:
2、为了防止用户浏览网页时无法加载图片,可以给img标签添加“alt”属性,这个属性可以在图片加载失败时显示出来以告诉用户这里是张什么图片,还可以在用户将鼠标放在图片上是显示提示信息,这里以属性值“鹦鹉”为例:
3、img标签中插入的图片宽和高默认是图片自身的宽和高,如果想要自定义宽和高的话,可以用“width”和“height”来控制,这里以宽和高都是200为例,为width”和“height”设置属性值为“200”:
以上就是html如何添加图片路径的详细内容,更多请关注其它相关文章!
下一篇: CSS3让登陆面板3D旋转起来实例代码
推荐阅读
-
在做一个图片展示网站。想知道图片是如何存的?url?还是直接上传到服务器然后拿到他的路径
-
如何屏蔽这样的下载 请高人点拨一下,问题有图片_html/css_WEB-ITnose
-
如何让网页中图片等待5秒再显示_html/css_WEB-ITnose
-
如何在VS2008中将背景图片拉伸至整张页面而不是平铺_html/css_WEB-ITnose
-
PHP中如何添加HTML代码?
-
如何利用CSS实现图片的透明效果_html/css_WEB-ITnose
-
v1 3 6-ueditor v1.3.6 如何修改图片上传路径 php
-
如何使用HTML5的picture元素处理响应式图片
-
在HTML中如何使图片旋转
-
如何给Android中的按钮添加图片功能