代码实例
<!-- 绝对路径 --> <img src="https://www.eyoumb.com/uploads/allimg/20220420/1-2204201KZ4609.png" alt="易优模板" /> <!-- 相对路径 --> <br> <img src="/uploads/allimg/20220420/1-2204201KZ4609.png" alt="易优模板" /> <!-- 图片无法正常显示时替换文本 --> <br> <img src="/uploads/allimg/20220420/ssssss.png" alt="图片无法正常显示时显示文本" /> <!-- width属性:设置图片宽度,height属性:设置图片高度 --> <br> <img src="/uploads/allimg/20220420/1-2204201KZ4609.png" alt="易优模板" width="300px" height="50px" /> <!-- 设置一个属性 --> <br> <img src="/uploads/allimg/20220420/1-2204201KZ4609.png" alt="易优模板" height="50px" />
尝试一下 »
点击“尝试一下”按钮查看在线实例
网页中引入图片:使用img标签,<img src="图片路径地址" />
src属性
1、用来指定图片文件所在的路径,必须要有 !
2、图片路径可以是相对路径,也可以是绝对路径。
alt属性
1、图片无法正常显示时替换文本,可以使用中文,也可以使用英文。
2、也可以传达给搜索引擎图片的含义,seo必备添加。
3、<img src="图片路径地址" alt="替换文本" />。
width属性和height属性
1、width属性:设置图片宽度,height属性:设置图片高度。
2、不设置,图片显示原尺寸。
3、如果设置一个属性,另外一个属性会根据已设置的属性按等比例缩放。