许多小伙伴都想知道在HBuilder里该如何添加图片,下面就为大家详细介绍一下HBuilder中添加图片的具体方法,还不清楚的小伙伴赶紧来看看吧!


HBuilder中添加图片的方法
步骤一:创建Web项目
首先,打开HBuilder,在左侧的项目管理器区域,点击鼠标右键,接着选择“新建” -> “Web项目”。


步骤二:项目命名
给您新创建的项目取个名字,建议采用驼峰命名法(比如:myWebProject)。


步骤三:导入图片
把您要使用的图片文件直接拖到项目文件夹里的“img”文件夹中(要是没有“img”文件夹,就自己创建一个)。


步骤四:打开index.html
打开项目中的index.html文件,为编写代码做准备。


步骤五:编写代码
在index.html文件的标签内部,使用标签来添加图片。
(将your_image.jpg替换成您实际的图片文件名)。


步骤六:预览效果
保存index.html文件之后,点击HBuilder工具栏上的浏览器图标,这样就能预览网页效果,看看图片是否成功显示出来了。




























