首先：需要的工具就是：Hbuilder软件
第二步：打开Hbuilder
第三步：点击-新建web项目
第四步：编写项目名称，并选择文件保存的位置（这里我们默认填写name1，路径就是在桌面）
点击完成之后就会出现了，左侧就是我们新建文件目录，右侧就是页面所在的编辑框
第五步：就是在建立好的框架上，编写所需要的样式以及代码了
用Hbuilder写html的好处就在于，它会简化你写代码样式的工作，自动识别，比如你要写div框架的时候，只需写前半边，后半边自动就识别出来回车一下就可以了
作用：一，高效率练习你码字母的效率；二，节省你工作的效率；三，在结构上看，写完之后的代码样式很规范。
方法/步骤
6/6分步阅读
首先创建一个web项目，文件——新建——Web项目。
2/6
输入项目名称，点击确定。
3/6
然后在新建的WEB项目中点击右键，创建一个目录。
4/6
输入名称，这里以html为例，因为是存放html文件。
5/6
然后在html目录下创建html文件，所创建的html文件会有个默认名，改成自己想要的名称。然后根握你的需要选择模板（html5还是html4,默认是html5），我这里默认。
查看剩余1张图
6/6
然后完善你的代码，下面代码个人随便弄，不要看。然后点击如图所示的图标，运行你的html代码，查看效果（如图所示浏览器要选择你电脑上有安装的）。就可以看到第一张图中的效果了。
注意事项
更多功能，大胆尝试就好！
hbuilder网页自带模板。
然后在html目录下创建html文件，所创建的html文件会有个默认名，改成自己想要的名称。然后根握你的需要选择模板（html5还是html4,默认是html5），我这里默认。
然后完善你的代码，下面代码个人随便弄，不要看。然后点击如图所示的图标，运行你的html代码，查看效果。就可以看到第一张图中的效果了。
元素：
文本：文本是网页上最重要的信息载体和交流工具，网页中的主要信息一般都以文本形式为主。
图像：图像元素在网页中具有提供信息并展示直观形象的作用。
静态图像：在页面中可能是光栅图形或矢量图形。通常为GIF，JPEG或PNG；或矢量格式，如SVG或Flash。
动画图像：通常动画为GIF和SVG。
Flash动画：动画在网页中的作用是有效地吸引访问者更多的注意。
声音：声音是多媒体和视频网页重要的组成部分。
视频：视频文件的采用是网页效果更加精彩且富有动感。
