img标签中src属性这样写才能导入图片

关于HTML中 img 标签中 src 这一属性值到底怎么写才能正确导入图片？看了好多资料还是记不住，只会越来越乱？

下面教你一招，记一辈子！！！

相对路径分为：

相对路径：通俗的讲就是图片相对于html页面所在的位置

在这里插入图片描述

第一种

：同一级路径

<img src="baidu.gif">

在这里插入图片描述

第二种

：下一级路径

/：就是直接找某个文件夹中的下一级

<img src="images/baidu.gif">

在这里插入图片描述

第三种

：上一级路径

. ./ ：就是返回html文档的上一级，如果出现多层嵌套就可以用多个. ./

<img src="../images/baidu.gif">

在这里插入图片描述

第四种

：.html文件和图片不在同一盘符时

在图片地址前加 file:///

<img src="file:///E:/Photo/CuiWenBo/hezhao.jpg" alt="">

直接将网址粘过来就行

<img src="http://www.example.com/baidu.gif" alt="">

在这里插入图片描述