能够利用表格、列表和表单完成注册页面的综合案例

为了让我们页面显示的更加整齐，我们需要学习三个表（表格、表单、列表）

目标：

表格作用：

存在即是合理的。 表格的现在还是较为常用的一种标签，但不是用来布局，常见显示、展示表格式数据。

因为它可以让数据显示的非常的规整，可读性非常好。

特别是后台展示数据的时候表格运用是否熟练就显得很重要，一个清爽简约的表格能够把繁杂的数据表现得很有条理，虽然 div 布局也可以做到，但是总没有表格来得方便。

PS: 这些地方用表格，你会觉得生活还是那么美好。。。忍不住想说 PPAP i hava a pen

在HTML网页中，要想创建表格，就需要使用表格相关的标签。

创建表格的基本语法：

要深刻体会表格、行、单元格他们的构成。

在上面的语法中包含基本的三对 HTML 标签，分别为 table、tr、td，他们是创建表格的基本标签，缺一不可，下面对他们进行具体地解释

table 用于定义一个表格标签。

tr 标签 用于定义表格中的行，必须嵌套在 table 标签中。

td 用于定义表格中的单元格，必须嵌套在 标签中。

字母 td 指表格数据（table data），即数据单元格的内容，现在我们明白，表格最合适的地方就是用来存储数据的。

总结：

表格有部分属性我们不常用，这里重点记住 cellspacing、cellpadding。

我们经常有个说法，是三参为 0， 平时开发的我们这三个参数 border cellpadding cellspacing为 0

案例1：

案例2：

​ 效果图

​ 代码：

th 也是一个单元格 只不过和普通的 td 单元格不一样，它会让自己里面的文字居中且加粗。

定义和用法

注意

案例 3：

根据要求完成以下案例：

合并单元格是我们比较常用的一个操作，但是不会合并的很复杂。

合并的顺序我们按照 先上 后下 先左 后右 的顺序

跟我们以前学习汉字的书写顺序完全一致。

对于比较复杂的表格，表格的结构也就相对的复杂了，所以又将表格分割成三个部分：题头、正文和脚注。而这三部分分别用：thead，tbody，tfoot 来标注， 这样更好的分清表格结构。

注意：