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="">