HTML 超文本标记语言
俗称 web页面（网页），为了让文本的内容有自己的语意，方便浏览器和搜索引擎爬虫识别。
（一）html文档
这是文档的基本格式
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>这是标题</title>
</head>
<body>
</body>
</html>
html文档标准:
1.html表示文档的根目录，它包含head和body区域。
2.head区域一定要有title，也就是文档的标题。
3.meta标签的charset属性指定文档的编码格式。
4.body是该页面的可视化区域。
5.doctype不是一个标签，它是制定html文档的版本，方便浏览器解析。
注意事项
1.所有的标签，标签属性都是要小写的。
2.标签有双标签和单标签之分。双标签是成对出现的，是有开始标签和结束标签的。例:
<div></div>
单标签的闭合方式不同于双标签。例:
<meta/>
<link/>
因为只有一个标签，所以在末尾的地方“>”的前面加上”/“就可以了，一定要谨记单标签的闭合奥。
3.doctype头文档声明不是一个标签，所以没有闭合，不要忘了前边还有!的呦。
4.还要记住缩进的操作，这样文档的结构就清晰明朗了，看上去会很舒服的呢。
5.body里的内容，最好都要有标签嵌套。
6.一定要记得内容是不可以写在head或html等地方的，是要写在body里的。
（二）html标签
body标签
body标签是html文档的可视化区域，双标签，有默认的宽度 即浏览器的窗口宽度，调整浏览器的窗口大小的时候，body的宽度也会随着改变。body标签有默认的8px的margin（外边距）值，这就是body里边的内容总是和浏览器窗口的顶部和左边有8px距离的原因。可以为body设置宽高，背景，padding，border等的css样式，但是body的背景样式不会遵从width，height的样式设置，因为背景是作用于可视区域的，而body的可视区域是浏览器窗口。
<body></body>
div标签
双标签，史上最常用的标签，没有之一，它代表一个区域。默认宽度为全屏，内容撑开标签高度。
<div>我是div标签</div>
h1~h6标签
定义标题。双标签。h1为最大的标题，以此类推，h6为最小的标题。h类标签具有确切的语义，所以使用的时候要选择恰当的标签，来构造你的文档结构。h类标签默认宽度继承父级的宽度，有默认上下margin值，默认的字体加粗（因为h类标签有确切的语义，所以不要用h标签来改变同一行的文字大小）。
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
p标签
定义段落，双标签。有默认的margin值。
<p>我是段落</p>
br标签
只是简单的换行标签。单标签。
<br/>
a标签
定义超链接，用于从一张页面链接到另一张页面。行级标签；有默认的下划线样式；有href属性，它指示链接的目标。
text-decoration:none;(无下划线)
text-decoration:underline(下划线出现)
<a>这是一个链接</a>
img标签
向网页中嵌入一幅图画，单标签，并不是在网页中插入了图像，而是从网页上链接图像。可以设置宽高， 注意闭合方式，有src路径属性、alt内容替代属性。（alt：当图片未出现时替代图片位置出现，提示图片的内容）
<img src="http://7xoomp.com1.z0.glb.clouddn.com/817_15802166_02da09064afd451.jpg" alt="这是一个海绵宝宝"/>
link标签
单标签，有两个属性:rel表示类型（stylesheet是样式表类型）;type表示关联的文件的类型（type=”rext/css”即关联的文件类型是css);href是路径（如果是同一级直接进入，如果是上一级的，需要用“../”来进入上一级，即“../”表示返回上一级）[下面href的路径代表”css里边叫做index的css”]
<link rel="stylesheet" type="text/css" href="css/index.css">
在html中引用css就要用link标签的(这里就只先简单说一下，这个到后边讲到css的引用方法的时候会仔细讲到的)。
列表标签
列表标签又分为 有序列表 和 无序列表 列表标签是组合标签
首先讲一下有序列表标签
<ol>
<li>这是有序列表</li>
</ol>
因为是组合标签，所以不能分开来用的奥~
就这样啦^_^
美美哒~~~