Bug1WebStorm如何插入图片

在这里插入图片描述
src:指定图片加载路径图片名称和图片格式
支持位图jpg,png,gif(逐渐废弃)
width:指定图片的宽度
height:指定图片的高度
alt:将鼠标放在图片上会显示alt内容(早期浏览器)
图片如果加载不出来会显示alt 内容跟
搜索引擎可以通过这个属性来抓取图片
border:图片的边框属性
我出现的问题(也是我写这个文章的原因):
我把我想插入的图片放在桌面了直接拖进webstorm 工作台,代码显示没问题但是!
在这里插入图片描述
小朋友你是否有很多问号?
解!!!
step1️⃣:找到WebStorm中自己正在做的项目
在这里插入图片描述
step2️⃣:右键–Copy Path
step3️⃣:我的电脑–搜索框粘贴刚刚复制的地址–找到项目所在的文件夹
在这里插入图片描述
step4️⃣:将需要用到的图片粘贴进去
在这里插入图片描述
不能访问项目目录之外的资源
要使用相对路径不能用本地路径访问

如有错误请大家指正
大佬如果有更加简单的方法可以评论教教我❤

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值