如何理解和使用html中img标签src的相对路径

1、例如：<img src="img1.png" /> 双引号下直接是文件名，这是找当前文件（3-图片标签.html）所在目录(图片标签)下的img1.png

5、我们訇咀喃谆将图片再往外挪到web01-html目录下。这时候并不是加一个点可以访问到（并不是 .../），而是再加一个上层目录,具体几个上层目录，主要看参照物是当前文件（3-图片标签.html）所在目录——图片标签<src="../../img1.png">

7、../../ 就是web01-html目录，../../img/img1.png 就是目标图片文件了。所以要访问img目录下的图片，使用：<稆糨孝汶;img src="../../img/img1.png"></img>如下图就可以访问到了。