继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

html怎么添加图片,只需这三步

幕布斯7119047
关注TA
已关注
手记 432
粉丝 28
获赞 102

    很多学习前端的同学们问html怎么添加图片,今天就来说一说html导入图片的方法:

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

http://img3.mukewang.com/62a96d370001f77802480337.jpg

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

http://img4.mukewang.com/62a96d4f0001c9a703750349.jpg

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

http://img.mukewang.com/62a96d660001085e05010289.jpg

    好啦,以上就是关于html怎么添加图片的全部内容,同学们学会了吗,还有问题的同学可以评论区留言~

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP