1.1 DOCTYPE
<!DOCTYPE> 文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页。
<!DOCTYPE html>
这句代码的意思是: 当前页面采取的是 HTML5 版本来显示网页.
1.2 lang 语言种类
<html lang="en">告诉浏览器或者搜索引擎这是一个英文网站
en定义语言为英语
zh-CN定义语言为中文
1.3 字符集
<meta charset=“ UTF-8” /> 必须写. 采取 UTF-8来保存文字. 如果不写就会乱码
在标签内，可以通过 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。
charset 常用的值有：GB2312 、BIG5 、GBK 和 UTF-8，其中 UTF-8 也被称为万国码，基本包含了全世界所
有国家需要用到的字符.
注意：上面语法是必须要写的代码，否则可能引起乱码的情况。一般情况下，统一使用“UTF-8”编码，尽量
统一写成标准的 “UTF-8”，不要写成 “utf8” 或 “UTF8”。
2 常用标签
2.1 标题标签
<h1> - <h6>
标签语义：作为标题使用，并且依据重要性递减。
特点：
加了标题的文字会变的加粗，字号也会依次变大。
一个标题独占一行。
2.2 段落标签
<p>标签用于定义段落，它可以将整个网页分为若干个段落。
标签语义：可以把 HTML 文档分割为若干段落。
特点：
文本在一个段落中会根据浏览器窗口的大小自动换行。
段落和段落之间保有空隙。
2.3 换行标签
单词 break 的缩写，意为打断、换行。
标签语义：强制换行。
特点：
<br /> 是个单标签。
<br /> 标签只是简单地开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距。
2.4 div和span标签
<div> 和 <span> 是没有语义的，它们就是一个盒子，用来装内容的。
特点：
<div> 标签用来布局，但是现在一行只能放一个<div>。 大盒子
<span> 标签用来布局，一行上可以多个 <span>。小盒子
2.5 图像标签
在 HTML 标签中，<img> 标签用于定义 HTML 页面中的图像。
<img src="图像URL" />
src 是标签的必须属性，它用于指定图像文件的路径和文件名
2.6超链接标签
在 HTML 标签中，<a>标签用于定义超链接，作用是从一个页面链接到另一个页面。
链接分类
（1）外部链接: 例如 <a href="http:// www.baidu.com "> 百度</a >。
（2）内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可，例如 < a href="index.html"> 首页 </a >。
（3）空链接: 如果当时没有确定链接目标时，<a href="#"> 首页 </a > 。
（4）下载链接: 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。
（5）网页元素链接: 在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接.
（6）锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置.
2.7表格标签
<table> </table> 是用于定义表格的标签。
<tr> </tr> 标签用于定义表格中的行，必须嵌套在 <table> </table>标签中。
<td> </td> 用于定义表格中的单元格，必须嵌套在<tr></tr>标签中。
<th> 标签表示 HTML 表格的表头部分。
<thead></thead>：用于定义表格的头部。 内部必须拥有 标签。 一般是位于第一行。
<tbody></tbody>：用于定义表格的主体，主要用于放数据本体 。
2.8合并单元格
跨行合并：rowspan=“合并单元格的个数”
跨列合并：colspan=“合并单元格的个数”