html怎么引用桌面图片,html怎么引入图片?

本文介绍了在html中插入图片的方法,主要使用了html中的img标签,通过指定src属性即可插入图片,下面我们就来学习下吧。

1f705442527d1fd1d734ce96ab679eea.png

html怎么引入图片?

html中插入图片可以使用img标签来实现。

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

d2275f22e26fa536d3a7c381ddb4ae92.png

(推荐学习:HTML教程)

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

ea8f59f96f66257babc687921d814379.png

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

3f7683b26feb5f8bd982375d83b0ddca.png

更多HTML5相关技术文章,请访问HTML5答疑栏目进行学习!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值