html table导出excel 插入图片_HTML插入图片路径方法(VSCODE如何快速插入图片?)...

Hello,最近实在搞不清VSCODE如何快速插入图片,翻遍整个互联网,终于是放弃了,只能是自己去写图片路径!所以整理了一下HTML中插入图片路径的问题,详细解答如下!

0ac7ebf150019f8aebc38cde9b37d5f2.png

绝对路径

就是以根目录为开始往下写

相对路径则是根据你现在页面所在的位置为准

相对路径

1.图片与网页文件在同级目录下

图片和文件在同级可直接填写图片文件名就行

6712206f12e176d1c2b246dfd322987f.png

1aca54f8b5eca22c1414838244c238f9.png

2. 网页文件夹下的文件夹images下

以网页文件夹为基准,向下查找images文件下的图片位置

1d8f41a00f5ef4d1ed8781d6d6a34b77.png

1aca54f8b5eca22c1414838244c238f9.png

3. 网页文件在子文件夹下

首先,还是以网页文件夹pages为基准,向上查找使用两个点表示()然后找到该文件夹下的图片,所以说..\即是向上一层的意思,再往上上一层..\..\

ba572160aff513033a8cc68607d5cc5a.png

1aca54f8b5eca22c1414838244c238f9.png

4. 网页和图片同在子文件夹下

先以网页文件pages为基准点向上查找,再到images文件中向下查找

bda928080f9bfdded8a310babcf429d0.png

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值