作为刚学习的小伙伴有很多关于HBuilder的烦恼,其中应该如何在HBuilder中插入图片呢?接下来为大家简单来介绍和操作。
工具/原料
电脑、HBuilder
方法/步骤
1
第一步,先建一个 Web项目 到桌面,如下图中我们建立的 “img”项目。
2
第二步,首先准备一张我们所需要插入到HBuilder中图片,先放置在桌面,然后点击图片拖动到,我们刚刚建立的Web项目中“img”文件夹中,如下图操作
3
第三步,当我们拖动成功时,会弹出一个小窗口,点击选择“复制”然后确定即可,如下图
4
第四步,点击确定之后,在“img”文件夹中就会存在我们刚刚拖动成功的图片,如下图
5
第五步,接下来在body中建立一个div盒子,使用插入图片的img标签,src表示图片的路径,如下图
6
第六步,在弹出的窗口中,鼠标点击左边的图片英文(图片的备注),选择回车,就可以插入成功了,如下图
7
第七步,成功插入图片,效果图