怎么查找html代码中的图片地址

首先右键查看源代码；

在浏览器中有快捷键，ctrl+f，查找你要搜索的关键字，关键字像 图片名称，图片标签，等；

查找的关键字也可以用后缀，比如jpg，png,视频文件mp4

如果还找不到的话，查看源代码，一行一行看。对于google的源代码，你将鼠标放上去的时候会显示网页的位置，找准来查看里面的源代码，然后看关键字，就行了。

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

---