下载之家:安全、高速、放心的绿色下载站!

当前位置:首页文章教程软件教程详细列表

HBuilderX如何加入图片?HBuilderX加入图片的技巧

时间:2022-11-26 来源:下载之家
手机扫码继续观看
HBuilderX如何加入图片?HBuilderX加入图片的技巧

HBuilderX如何加入图片?HBuilderX是DCloud推出的一款h5的web开发编辑器工具。该软件体积小,运行快,新建html文件后就会自动的生成html格式,大致框架构造就医呈现,无需手打,只需要在里面编写编程内容即可;今天下载之家官网小编给大家带来的是HBuilderX加入图片的技巧,希望大家会喜欢。

HBuilderX加入图片的技巧:

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

HBuilderX如何加入图片?HBuilderX加入图片的技巧

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

HBuilderX如何加入图片?HBuilderX加入图片的技巧

将图片拉入img文件夹

HBuilderX如何加入图片?HBuilderX加入图片的技巧

之后点击index.html

HBuilderX如何加入图片?HBuilderX加入图片的技巧

在body里面写相应的代码

HBuilderX如何加入图片?HBuilderX加入图片的技巧

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

HBuilderX如何加入图片?HBuilderX加入图片的技巧

关于HBuilderX加入图片的方法就给大家介绍完了,希望能对大家有所帮助。了解更多教程请继续关注下载之家官网哦……