一、img 标签简介
img标签是自闭和标签,属于行内元素,作用是向网页中嵌入一副图片
二、代码格式
src属性:它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径。
![](https://www.qianduange.cn/upload/article/3744f02548d00eeebf49cd020c1a7872.png)
成功页面:
![](https://www.qianduange.cn/upload/article/0ff59542a68f8c3405c20ab68d0a25da.png)
三、img标签基础
1.img标签 -> height属性和width属性
width属性:设置图像的宽。如果只设置宽度属性,则高度会等比例缩放。
height属性:设置图像的高。如果只设置高度属性,则宽度会等比例缩放。
![](https://www.qianduange.cn/upload/article/d8b344bef47396e342fd467f7a94d459.png)
2.img标签->alt属性和title属性
alt属性:如果无法显示图像,浏览器将显示替代文本。
title属性:鼠标放上时显示的提示文字。
![](https://www.qianduange.cn/upload/article/4f3677ebf3399128af1b30f56cbdbde1.png)
title属性显示页面:
![](https://www.qianduange.cn/upload/article/f6bf9978036c7a82d07a44b5b45abf08.jpeg)
alt属性显示页面:
![](https://www.qianduange.cn/upload/article/e3e5f5ce2525180feca7a00557c70858.png)