WebStorm如何插入图片

时间:2024-03-20 14:15:32

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

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