对于前端的学习，必将包含3大块：html、css、javascript，其中html决定页面的结构，css决定页面的样式，javascript决定页面的逻辑（换句话说就是人与页面的交互）。
html是HyperText mark-up language的缩写,中文名是超文本标记语言。html页面由一系列的标签构成，标签通常的表现形式如<标签><／标签> ，<标签/> 。<标签>some text<／标签>这种形式称为有开始标签，也有结束标签，而<标签/>只有开始标签，因为它不会在标签间有值。
通常来说，一个html页面的文档结构如下图所示！
<!DOCTYPE html>
<html>
<head>
/这里是文档的头部 /
</head>
<body>
/这里是文档的主体/
</body>
</html>
1：<!DOCTYPE >它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令，如果当前页面是使用html5编写的，<!DOCTYPE html> 声明即可。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。关于<!DOCTYPE>的信息通过http://www.w3school.com.cn/tags/tag_doctype.asp查看。
2：<html>标签
在一个html文件中，此标签是最外层的标签，可告知浏览器其自身是一个 HTML 文档。<html> 与 </html> 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。文档的头部由 <head> 标签定义，而主体由 <body> 标签定义。
3：<head>标签
<head> 标签用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本（<script>）、指示浏览器在哪里找到样式表（<link>）、内部样式（<style>）、提供元信息（<meta>）、文档的标题（<title>）等等。
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。<title> 定义文档的标题，它是 head 部分中唯一必需的元素。
4：<body>标签
body 元素定义文档的主体。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
