做这个html页面，加一些js，css，下面就具体讲一下这个页面代码的编写HBuilder实现html网页 1 2 3 4 5 yuan tuan 6 7 8。

1打开Hbuilder编辑器，创建一个输入框和一个按钮，水平放置2首先，将“#7FCC0B”颜色的边框添加到输入框中，设置宽度和高度然后，设置按钮按钮的白色字体和背景色“#7FCC0B”3按CRTL+s可以在软件的右边看到。

2SublimeTextSublimeText是一个代码编辑器也是HTML和散文先进的文本编辑器3HBuilderHBuilder是专为前端打造的开发工具，具有飞一样的编码最全的语法库和浏览器兼容数据可以方便的制作手机APP最保护眼睛的绿柔。

作为一个前端开发工程师，使用一款自己上手且功能强大的开发工具是非常重要的，但是面对这么多开发工具，到底哪个比较好呢下面我个人推荐几款自己感觉还不错的前端开发工具，希望作为大家的参考1hbuilder 作为一个编程的。

hbuilderx空格字符的代码用两个空格代替制表符softtab即用空格代表tab符，避免常见的代码不一致和差异HBuilder制表符转换成空格的方法，具体设置如下工具首选项常规编辑器文本编辑勾选插入空格代替制表。

1首先，打开HBuilder，选择要导出的HTML文件2其次，在菜单栏中点击“文件”，然后选择“导出HTML文件”3最后，在弹出的对话框中选择导出的文件的保存路径，点击保存即可。