多语言展示
当前在线:1036今日阅读:26今日分享:39

如何在HBuilder中插入图片

作为刚学习的小伙伴有很多关于HBuilder的烦恼,其中应该如何在HBuilder中插入图片呢?接下来为大家简单来介绍和操作。
工具/原料

电脑、HBuilder

方法/步骤
1

第一步,先建一个 Web项目 到桌面,如下图中我们建立的  “img”项目。

2

第二步,首先准备一张我们所需要插入到HBuilder中图片,先放置在桌面,然后点击图片拖动到,我们刚刚建立的Web项目中“img”文件夹中,如下图操作

3

第三步,当我们拖动成功时,会弹出一个小窗口,点击选择“复制”然后确定即可,如下图

4

第四步,点击确定之后,在“img”文件夹中就会存在我们刚刚拖动成功的图片,如下图

5

第五步,接下来在body中建立一个div盒子,使用插入图片的img标签,src表示图片的路径,如下图

6

第六步,在弹出的窗口中,鼠标点击左边的图片英文(图片的备注),选择回车,就可以插入成功了,如下图

7

第七步,成功插入图片,效果图

推荐信息