简单的知识:
1、*.html文件跟*.jpg图片在相同目录下:直接找名字
<img src="图片1.jpg" width="300" height="120"/>;
2、*.html文件跟*.jpg图片在不同目录下:
a、图片2*.jpg在a文件夹中,*html跟a在同一目录下:
<img src="a/图片2.jpg/"width="300" height="120"/>
b、图片*jpg在a文件夹中,*html在b文件夹中,a跟b在同一目录下:
<img src="../a/图片2.jpg/"width="300" height="120"/>
3、如果图片来源于网络,那么写绝对路径:
<img src="http://image.baidu.com/pcindexhot"/width="300" height="120"/>
问题:
当我使用了<img src="图片1.png">,为什么我删掉这段代码,我的html网页上的图片还是存在?
如果你在 HTML 中插入了<img>
标签并引用了图片文件,然后删除了该<img>
标签的代码段,但图片仍然显示在网页上,可能是因为浏览器缓存的原因。浏览器会自动缓存已经加载的资源(例如图片、CSS和JavaScript文件),以便在下次访问相同页面时更快地加载。这意味着,即使你从 HTML 代码中删除了<img>
标签,浏览器仍然可以从缓存中加载并显示这张图片。
要解决此问题,可以尝试以下方法:
- 强制刷新网页:使用快捷键
Ctrl + F5
或Cmd + Shift + R
可以强制刷新页面,绕过浏览器缓存,确保加载最新的 HTML 代码。 - 清除浏览器缓存:在浏览器设置中找到清除缓存的选项,并选择删除缓存文件。具体的步骤因浏览器而异,请根据你使用的浏览器进行操作。
- 修改图片文件名:如果你确定图片已经从HTML代码中删除,也清除了浏览器缓存,但图片仍然显示,那么可能是在服务器端缓存图片。尝试通过修改图片文件名来绕过服务器端缓存。