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


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

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

 

 

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

 

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

 

 

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM