前端打卡day5--HTML入门-7图片

7.1图片标签的相关属性

对于img标签，只需要掌握它的3个属性：src、alt和title。
对于img标签，src和alt这两个是必选属性，一定要添加；而title是可选属性，可加可不加。
(1). src
src用于指定这个图片所在的路径，这个路径可以是相对路径，也可以是绝对路径

<img src="图片路径" />

(2)alt
如果没有加上alt属性值，图片不显示时，就不会有提示文字。

(3)title
当我们把鼠标移到图片上时，就会显示title中的提示文字，如下图所示。

7.2 绝对路径与相对路径

绝对路径，指的是图片在你的电脑中的完整路径。
所谓的相对路径，指的是图片相对当前页面的位置。

在该图中：
page1引用png:

<img src="img/haizei.png" />

page2引用png:

<img src="../img/haizei.png" />

此时page1.html与haizei.png位于同一级目录中，也就是兄弟关系。正确的写法如下所示。page1引用png：

<img src="haizei.png" />

page2.html想要引用haizei.png，由于此时haizei.png与test文件夹位于同一级目录中，我们只需要找到page2.html的上一级，就可以找到haizei.png了。正确的写法如下所示。

<img src="../haizei.png" />