接着说body部分（这部分就相当的充实了）
<!--html标签闭合方式有两种：
1、成对出现的标签，必须要有开始标签、结束标签 <title></title>
2、自闭合标签、空标签；可以在单个标签的最后插入 / 表示自闭合 <link /> <meta /> <br /> <hr />
-->
body：据我自己的理解就是整个页面能看到的东西（不对回头我再改）
里面要有很多的东西就要涉及到标签
大多分为这几部分 1、基本块级标签 2、基本行级标签3、表单4、表格
1、块级标签：
显示为块状，独占一行，自动换行，前后隔一行；默认宽度100%；可以设置宽度、高度、边距等属性
<hx>:h标签：标题标签，显示为黑体加粗!!!（块级标签）
标题标签共分为6种：h1~h6,h1最大、h6最小
<address>定义地址 <div>定义文档中的分区或节 <dl>定义列表 <dt>定义列表中的项目 <dd>定义列表中定义条目 <ol>定义有序列表 <ul>定义无序列表 <li>标签定义列表项目 <form>创建 HTML 表单 <h1-h6> 定义的标题 <hr>创建一条水平线 <p>标签定义段落 <pre>定义预格式化的文本 <table>标签定义 HTML 表格 <caption>定义表格标题 <tbody>标签表格主体（正文） <thead>标签定义表格的表头 <th>定义表头单元格 <td>表格中的标准单元格 <tr>定义表格中的行 <tfoot>定义表格的页脚（脚注或表注)
2、行级标签：
<span>组合文档中的行内元素
<label>标签为 <input> 元素定义标注（标记）
<input>输入框
<select>创建单选或多选菜单
<textarea>多行的文本输入控件
<a>标签可定义锚
<abbr>表示一个缩写形式
<acronym>定义只取首字母缩写
<b>字体加粗 <em>定义为强调的内容
<i>斜体文本效果
<strong>语气更强的强调的内容
<cite>引用进行定义
<q>定义短的引用
<bdo>可覆盖默认的文本方向
<br>换行
<code>定义计算机代码文本
<dfn>定义一个定义项目
<img>向网页中嵌入一幅图像
<kbd>定义键盘文本
<samp>定义样本文本
<small>呈现小号字体效果
<sub>定义下标文本
<sup>定义上标文本
<tt>打字机或者等宽的文本效果
<var>定义变量
3、
<!--
无序列表UnOrderList:
由多个列表项组成，每个列表项前面带小黑点，用<ul></ul>表示，列表中的每一项用<li></li>表示
-->
<ul>
<!--li:list缩写-->
<li>这是无序列表第一项</li>
<li>这是无序列表第二项</li>
<li>这是无序列表第三项</li>
<li>这是无序列表第四项</li>
</ul>
<!--
有序列表OrderList:
-->
<ol>
<li>这是有序列表第一项</li>
<li>这是有序列表第二项</li>
<li>这是有序列表第三项</li>
<li>这是有序列表第四项</li>
</ol>
<!--
定义列表DefineList:
1、标题dt：顶格写
2、描述项dd:自动缩进两格
-->
<dl>
<!--标题-->
<dt>这是定义列表的标题</dt>
<dd>这是定义列表的描述项1</dd>
<dd>这是定义列表的描述项2</dd>
<dd>这是定义列表的描述项3</dd>
</dl>
<!--图片组合标签：含有两项图片和文字-->
<figure>
<img src="img/icon.jpg" />
<figcaption>图片的描述标题</figcaption>
</figure>
<!--分区标签div:需要配合CSS使用-->
<div style=" 500px;height: 200px;background-color: yellow;" >这是div里面的文字</div>
<div style=" 500px;height: 200px;background