hbuilderx怎样创建html文件并运行-hbuilderx使用教程
作者:075玩 来源:互联网 2023-07-13 02:00:07
在hbuilderx中,很多小伙伴们最近在询问创建html文件并运行的操作,而今天小编就为大家来分享hbuilderx创建html文件并运行的步骤,有需要的朋友快来看看吧!
打开hbuilderx,创建一个web项目,文件——新建——Web项目。
![HBuilder如何创建html文件并运行](https://src.pcsoft.com.cn/d/file/article/rjjc/bckf/2020-10-26/049a261ca2b42d3394e667088a433ecf.jpg)
输入项目名称,点击确定。
![HBuilder如何创建html文件并运行](https://src.pcsoft.com.cn/d/file/article/rjjc/bckf/2020-10-26/02926e56ebba93e7d9d483d2cbd2b74d.jpg)
在新建的WEB项目中点击右键,创建一个目录。
![HBuilder如何创建html文件并运行](https://src.pcsoft.com.cn/d/file/article/rjjc/bckf/2020-10-26/36953a2cfa76101098a34501724475a4.jpg)
输入名称,这里以html为例,因为是存放html文件。
![HBuilder如何创建html文件并运行](https://src.pcsoft.com.cn/d/file/article/rjjc/bckf/2020-10-26/af02150e5c4cc7a05b48b103d4e59bf1.jpg)
在html目录下创建html文件,所创建的html文件会有个默认名,改成自己想要的名称。根握你的需要选择模板(html5还是html4,默认是html5),这里默认。
![HBuilder如何创建html文件并运行](https://src.pcsoft.com.cn/d/file/article/rjjc/bckf/2020-10-26/39fd2e3b58e807e8048486ac97ca35e0.jpg)
![HBuilder如何创建html文件并运行](https://src.pcsoft.com.cn/d/file/article/rjjc/bckf/2020-10-26/ef77c018fbd5668e5dc06d9c00d95b78.jpg)
然后完善你的代码,下面代码个人随便弄,不要看。然后点击如图所示的图标,运行你的html代码,查看效果即可。
![HBuilder如何创建html文件并运行](https://src.pcsoft.com.cn/d/file/article/rjjc/bckf/2020-10-26/6da7cc5c184f8da7fbeee4dfa3aec066.jpg)
上文就讲解了hbuilderx创建html文件并运行的方法,希望有需要的朋友都来学习哦。
关 键 词:
- 上一篇:hbuilderx如何插入视频-hbuilderx使用教程
- 下一篇:返回列表
相关阅读
- hbuilderx怎样创建html文件并运行-hbuilderx使用教程
- IntelliJ IDEA怎样设置在完成时显示参数名称提示-IntelliJ IDEA教程
- hbuilderx怎么新建项目-hbuilderx使用教程
- hbuilder怎么更改字体-hbuilder使用教程
- hbuilderx如何插入视频-hbuilderx使用教程
- Visual Studio 2019怎么自动换行-Visual Studio 2019自动换行教程
- scratch怎么制作蝴蝶变色动画-scratch制作蝴蝶变色动画方法
- HBuilder如何设置开发视图边改边看模式-HBuilder教程
- Visual Studio 2019扩展组件如何添加-Visual Studio 2019扩展组件添加方法
- vscode怎么打开无声通知-vscode打开无声通知的方法
推荐应用换一换
- 本类推荐
- 本类排行
- 1hbuilderx怎样创建html文件并运行-hbuilderx使用教程
- 2IntelliJ IDEA怎样设置在完成时显示参数名称提示-IntelliJ IDEA教程
- 3hbuilderx怎么新建项目-hbuilderx使用教程
- 4hbuilder怎么更改字体-hbuilder使用教程
- 5hbuilderx如何插入视频-hbuilderx使用教程
- 6Visual Studio 2019怎么自动换行-Visual Studio 2019自动换行教程
- 7scratch怎么制作蝴蝶变色动画-scratch制作蝴蝶变色动画方法
- 8HBuilder如何设置开发视图边改边看模式-HBuilder教程
- 9Visual Studio 2019扩展组件如何添加-Visual Studio 2019扩展组件添加方法
- 10vscode怎么打开无声通知-vscode打开无声通知的方法
- 热门软件
- 热门标签