当前位置: 首页 - 学院 - 教程 - PC教程 - 正文

hbuilderx怎么加入图片?hbuilderx加入图片教程

2022-11-21 11:52:41 来源:下载之家 作者:tjxz

HBuilderX

HBuilderX

软件类型:编程工具 软件大小:62.70MB 软件平台:  WinALL  软件语言:简体

标签: HBuilder

查看详情

      有的小伙伴会问小编hbuilderx怎么加入图片,下面小编就为大家详细的介绍一下,想知道的话就来看看吧,相信一定会帮到你们的。

      hbuilderx怎么加入图片?hbuilderx加入图片教程

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

hbuilderx怎么加入图片?hbuilderx加入图片教程

      2、然后项目名字可以选用驼峰命名法。

hbuilderx怎么加入图片?hbuilderx加入图片教程截图

      3、将图片拉入img文件夹。

hbuilderx怎么加入图片?hbuilderx加入图片教程截图

      4、之后点击index.html。

hbuilderx怎么加入图片?hbuilderx加入图片教程截图

      5、接着在body里面写相应的代码。

hbuilderx怎么加入图片?hbuilderx加入图片教程截图

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

hbuilderx怎么加入图片?hbuilderx加入图片教程截图

      谢谢大家阅读观看,希望本文能帮到大家!