学习内容：
1.综合案例
在HTML5新标准里<br>换行标签不加 / 是可以的。
点击春晚跳到内部的网页，下面是内部网页的制作。
2.表格标签
2.1 表格的主要作用
表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。
tips:表格不是用来布局页面的，而是用来展示数据的。
2.2 表格的基本语法
<table>
<tr>
<td>单元格内的文字</td>
. . .
</tr>
. . .
</table>
1.<table></table>是用于定义表格的标签。
2<tr></tr>标签用于定义表格中的行，必须嵌套在 <table></table>标签中。
3.<td></td>用于定义表格中的单元格，必须嵌套在<tr></tr>标签中。
4.字母td指表格数据（table data)，即数据单元格的内容。
2.3 表头单元格标签
一般表头单元格位于表格的第一行或第一列，表头单元格里面的文本内容加粗居中显示。
<th>标签表示HTML表格的表头部分（table head的缩写)
<table>
<tr>
<th>姓名</th>
. . .
</tr>
. . .
</table>
2.4 表格属性
表格标签这部分属性在我们实际开发中并不常用，后面通过CSS来设置。
学习的目的：
1.记住这些英语单词，后面CSS会使用。
2.直观感受表格的外观形态。
小说排行榜案例
tips:<a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a>这三个是空连接。
2.5 表格结构标签
使用场景：因为表格可能很长，为了更好的表示表格的语义，可以将表格分割成表格头部和表格主体两大部分。
在表格标签中，分别用：<thead>标签 表格的头部区域、<tbody>标签 表格的主体区域。这样可以更好的分清表格结构。
1.<thead></thead>:用于定义表格的头部。<head>内部必须拥有<tr>标签。一般是位于第一行。
2.<tbody></tbody>:用于定义表格的主体，主要用于放数据本体。
2.6 合并单元格
特殊情况下，可以把多个单元格合并为一个单元格，这里我们会最简单的合并单元格即可。
2.6.1.合并单元格方式：
跨行合并：rowspan="合并单元格的个数"
跨列合并：colspan="合并单元格的个数"
2.6.2.目标单元格：（写合并代码）
跨行：最上侧单元格为目标单元格，写合并代码
跨列：最左侧单元格为目标单元格，写合并代码
2.6.3.合并单元格三步曲：
1.先确定是跨行还是跨列合并。
2.找到目标单元格。写上合并方式=合并的单元格数量。比如：<td colspan= "2" ></td>
3.删除多余的单元格
2.7 表格总结
表格学习整体可以分为三大部分：
1. 表格的相关标签
table 标签 tr 行标签 td 单元格标签 th 表头单元格（字体加粗居中）标签
thead表格头部区域标签 tbody表格主体区域标签
2. 表格的相关属性
align="left / center / right" 规定表格的位置。
border = 1/" " 规定单元格是否拥有边框，默认为""，表示没有边框。
cellpadding="1"（像素值）规定单元边沿与其内容之间的空白，默认为1像素。
cellspacing="0"(像素值）规定单元格之间的空白，默认为2像素。
width=像素值或百分比 规定表格的宽度
height=像素值或百分比 规定表格的高度