Hello,最近实在搞不清VSCODE如何快速插入图片,翻遍整个互联网,终于是放弃了,只能是自己去写图片路径!所以整理了一下HTML中插入图片路径的问题,详细解答如下!
绝对路径
就是以根目录为开始往下写
相对路径则是根据你现在页面所在的位置为准
相对路径
1.图片与网页文件在同级目录下
图片和文件在同级可直接填写图片文件名就行
![1aca54f8b5eca22c1414838244c238f9.png](https://i-blog.csdnimg.cn/blog_migrate/169538d19f7506650c780ccc28543088.png)
2. 网页文件夹下的文件夹images下
以网页文件夹为基准,向下查找images文件下的图片位置
![1aca54f8b5eca22c1414838244c238f9.png](https://i-blog.csdnimg.cn/blog_migrate/169538d19f7506650c780ccc28543088.png)
3. 网页文件在子文件夹下
首先,还是以网页文件夹pages为基准,向上查找使用两个点表示()然后找到该文件夹下的图片,所以说..\即是向上一层的意思,再往上上一层..\..\
![1aca54f8b5eca22c1414838244c238f9.png](https://i-blog.csdnimg.cn/blog_migrate/169538d19f7506650c780ccc28543088.png)
4. 网页和图片同在子文件夹下
先以网页文件pages为基准点向上查找,再到images文件中向下查找