本文摘自PHP中文网,作者coldplay.xixi,侵删。
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”属性,这个属性可以在图片加载失败时显示出来以告诉用户这里是张什么图片,还可以在用户将鼠标放在图片上是显示提示信息,这里以属性值“鹦鹉”为例:
相关阅读 >>
Html表单中name属性作用是什么?name和id的差别又是什么?
Html sup和sub标签怎么用?Html sup标签和sub标签的定义和用法实例
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者