html图片路径怎么找请详细的

1、<img src =“ img1.png” />，直接在双引号下是文件名，当前文件（3-picture tag.html）所在目录（图像标签）下的img1.png。。

2、当img1.png在图像标签目录中时，可以防止单击以预览图像效果。 另外，<img src =“ ./ img1.png” />和<img src =“ img1.png” />是相同的，但是当前路径相同。

3、如下所示，当img1.png移动到图像标签的上层目录html标签时。 此时<img src =“ img1.png” />路径不正确。 无法显示图像。

4、访问此图像，可以使用<src =“ ../ img1.png” />../来代表上一级目录。 图像标签目录的上层目录是html标签目录。

5、图片移到了web01-html目录。 目前，这不是访问点（不是... /），而是上层目录，一些上层目录，主要是指当前文件（3-picture tag.html）所在的目录-图片 标签<src =“ ../../ img1.png”>。

6、接下来，将图像放在web01－html目录下的img目录中。请注意，引用对象是图像标签（即html文件所在的目录），相对路径是相对于此目录的。

路径是需要引导的。也就是说你必须告诉浏览器从哪里可以找到图片。在默认情况下，是在html当前文件查找。推荐src="./images/xxx.jpg",这个路径的意思是从当前文件的父文件内查找images文件夹，然后从images文件夹里查找xxx.jpg

图片标签格式 :

<img src="放图片地址(网络\本地)" alt=" ">

网络路径（绝对路径）

<img src="网络地址,png" alt=" ">

注 : 网络地址要联网,alt可写可不写,乱改网址的话图片会变成标识

本地路径（相对路径）

<img src="本地地址.jpg" alt=" ">

注 : alt可写可不写

1.html文件和图片文件在同一级目录下，那么直接使用图片作为引入名字就可以

2.<img src="img/kk.jpg" alt=""> 图片位于img文件夹下

3.<img src="../img/kk.jpg" alt=""> 图片位于多个文件夹下，则只显示图片位于的最小级img文件夹，其他文件夹用两点表示

---