关于VScode中,引用图片src路径的相关问题 - 小小IT袁

时间:2024-01-26 18:23:17

关于VScode中,引用图片src路径的相关问题

今天使用VScode遇到比较坑的问题,在网上寻找了很久都没有答案,当然我是小白,初次使用VScode前端编辑器,现在将问题总结一下:

第一种,像这种两个文件是同级,photo.html中img标签引用1.png图片,可以直接将图片名称写在src中,这是最简单的一种

 

 

第二种就是html是引用文件的下级,不在同一个文件夹下面,如下图,这时候src里面路径就要改成图片的相对路径

 

第三种就是html和图片位于不同的文件夹下面,html想要引用图片,那么这块地址非常容易错误,src中相对路径和绝对路径都不行,要改成../文件夹名/文件名,必须这样,亲测

 

 

最后总结一下,第一种和第二种都可以用第三种的方式引入图片,../表示的是所有路径下的文件,虽然问题不是太大的问题,但是记录一下防止有同样的初学者出现跟我一样的情况,然后百度不到或者百度描述不清楚的情况