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

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

作者:烧饼 日期:2021-01-07

HBuilderX
HBuilderX-3.5.3.20220729 官方版

编程工具 占存:32.2MB 时间:2022-08-02

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

立即查看

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

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

怎么在HBuilder里面添加图片

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

怎么在HBuilder里面添加图片

  将图片拉入img文件夹

怎么在HBuilder里面添加图片

  之后点击index.html

怎么在HBuilder里面添加图片

  在body里面写相应的代码

怎么在HBuilder里面添加图片

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

怎么在HBuilder里面添加图片

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

相关文章