HBuilder中添加图片的方法

360集合包

360集合包，一键装机、快捷方便。

立即下载   精品合集

HBuilder中怎么添加图片呢？很多小伙伴对于hbuilder如何添加图片，还不是很了解。下面为大家带来关于HBuilder中添加图片的方法介绍，还不了解的小伙伴快一起来看看吧！

HBuilder中添加图片的方法

步骤一：创建Web项目

首先，打开HBuilder，在左侧项目管理器中，右键点击，选择“新建”->“Web项目”。

步骤二：项目命名

为您的新项目命名，建议使用驼峰命名法(例如：myWebProject)。

步骤三：导入图片

将您需要使用的图片文件直接拖拽到项目文件夹中的“img”文件夹内(如果没有img文件夹，请自行创建)。

步骤四：打开index.html

打开项目中的index.html文件，准备编写代码。

步骤五：编写代码

在index.html文件的标签内，使用标签添加图片。

(将your_image.jpg替换为您的图片文件名)。

步骤六：预览效果

保存index.html文件后，点击HBuilder工具栏中的浏览器图标，即可预览您的网页效果，查看图片是否成功显示。