Hbuider的介绍
HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。 HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。
它是中国人自己开创的软件，对新手非常友好。
安装
搜索百度HbuilderX，点击HbuilderX-高效极客技巧，内部有win系统和mac系统的安装链接，点击安装即可。
创建第一个html文件
打开HbiulderX，点击文件，点击新建，点击项目。
选择普通项目，自主命名文件。
再从，文件中新建html文件。
创建完成。
html标签介绍
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html><head><head/>标签
<head>标签表示网页头部，，用于网页标题，外部文件，定时刷新等。
<head>标签中有一个title标签这个标签用于网页标题
<title>标签使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>这是一个网页</title>
</head>
<body>
</body>
</html>
这样就生成了一个网页。其中<meta charset="utf-8">表示网页中所用的标码utf-8表示万国码，基本上大部分网页都是使用万国码，如果出现乱码说明浏览器解析不了网页使用的标码。
<body>标签
表示主题的意思，一般网页所呈现的都在body标签中编写
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>这是一个网页</title>
</head>
<body>
<p>我是一个网页</p>
</body>
</html>其中<p>标签属于文本标签，在body中加入p标签就能编写文本了。
运行
这样我们的第一个网页就成功了，注意标签的语法都是成对出现的如
p标签它的开始就是<p>开始标签，结束用/表示结束标签</p>
CSS样式美化
行内样式添加
<p style="color: blueviolet" >我是一个网页</p>
color为颜色属性名，blueviolet为颜色属性值，更改属性值会有不同的颜色。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>这是一个网页</title>
</head>
<body>
<p style="color: blueviolet" >我是一个网页</p>
<p style="color: red" >我是一个网页</p>
</body>
</html>
我的第一个网页就完成啦。