HTML里要想插入一张图片,怎么找图片的相对路径？

需要先建一个文件夹web，

该文件夹下有一个文件夹image和你的HTML网页文件index.html；

那么相对路径就是<image src=image/1.jpg>；

就是相对于你的HTML所在的文件夹为初始路径。

超文本标记语言，标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

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文件所在的目录），相对路径是相对于此目录的。

具体步骤如下：

1. 将图片和HTML文件放入同一文件夹中。

2. 打开你的HTML文件，在要加入图片的地方插入<img>标签。

3. 在<img>中添加src属性，并填写文件夹中的图片的路径(本例：img/test.png)。

4. 保存文件，然后在浏览器中打开就可以了。

---