找软件用软件,就到华军软件园! 软件发布
所在位置: 首页 — 教程攻略 — 教程 — 电脑软件教程  —  HBuilderX...

HBuilderX中怎么加入图片-HBuilderX加入图片的操作方法

作者:烧饼 日期:2024-05-11

HBuilderX
HBuilderX-4.24

编程工具 占存:52.92 MB 时间:2022-12-26

软件介绍: HBuilderX编辑器是DCloud全新推出的一款HTML5的Web开发工具。软件体积小,启动快,HBuilderX为您...

立即下载

  最近有很多朋友咨询小编怎么在HBuilderX中加入图片?那么今天小编就为大家带来了HBuilderX加入图片的操作方法,还不会的朋友可以来学习一下哦。

  首先,打开HBuilder,在HBuilder左侧右键新建一个web项目

怎么在HBuilder里面添加图片

  项目名字可以选用驼峰命名法

怎么在HBuilder里面添加图片

  将图片拉入img文件夹

怎么在HBuilder里面添加图片

  之后点击index.html

怎么在HBuilder里面添加图片

  在body里面写相应的代码

怎么在HBuilder里面添加图片

  写完代码后保存,点击上方浏览器图标可浏览

怎么在HBuilder里面添加图片

  以上就是小编带来的HBuilderX加入图片的操作方法,希望可以帮助到大家哦。

相关文章