Hbuilder 添加照片

新手可用！

HBuilder中给index.html添加图片的超实用教程
 
在前端开发中，给页面添加图片是最基础的操作之一。尤其是用HBuilder开发项目时，掌握正确的图片引入方法，能避免很多“图片不显示”的坑。今天就给大家分享一套超简单的操作流程，新手也能秒会！
 
！！前期准备：图片存放路径
 
1. 打开HBuilder，找到你的项目根目录，新建一个名为 img 的文件夹（右键项目 → 新建 → 文件夹）。

2. 将需要添加的图片直接拖拽到 img 文件夹中，比如我们准备一张 demo.jpg 。
 
路径小知识：
 
- 同级路径：图片和index.html在同一文件夹下，路径写 src="demo.jpg" 

- 子级路径：图片在img文件夹下（推荐），路径写 src="img/demo.jpg" 

- 网络路径：用线上图片地址，路径写 src="https://xxx.com/demo.jpg"

eg:把图片在文件夹里面重命名一下会方便很多哦！