HBuilder中添加图片的方法
HBuilder中添加图片的方法详细介绍
HBuilder中怎么添加图片呢?很多小伙伴对于hbuilder如何添加图片,还不是很了解。下面为大家带来关于HBuilder中添加图片的方法介绍,还不了解的小伙伴快一起来看看吧!
HBuilder中添加图片的方法
步骤一:创建Web项目
首先,
步骤二:项目命名
为您的新项目命名,建议使用驼峰命名法(例如:myWebProject)。
步骤三:导入图片
将您需要使用的图片文件直接拖拽到项目文件夹中的“img”文件夹内(如果没有img文件夹,请自行创建)。
步骤四:
步骤五:编写代码
在index.html文件的标签内,使用标签添加图片。
(将your_image.jpg替换为您的图片文件名)。
步骤六:预览效果
保存index.html文件后,点击HBuilder工具栏中的浏览器图标,即可预览您的网页效果,查看图片是否成功显示。
,