一. 表格标签

1.1 table, tr, td 标签

1.2 table 的 border 属性

为了让表格能够显示边框，table 标签通常有 border 属性

1.3 table 的 caption 属性

caption 是表格的标题， 它常常作为 table 的第一个子元素出现

1.4 th 标签

<th> 是“标题小格”，可以替代 <td>，表示一列的标题

2.1 单元格的合并

2.2 colspan 属性

colspan 属性用来设置 td 或者 th 的列跨度

2.3 rowspan 属性

rowspan 属性用来设置 td 或者 th 的行跨度

2.4 同时有 rowspan、colspan 属性

3.1 表格的其他特性

3.2 thead、tbody、tfoot 标签

thead 标签定义表头 tbody 标签定义表核心内容 tfoot 标签定义表脚，通常是汇总行

二. 表单

1.1 表单的创建

表单:表单用来收集信息，比如注册、登录、发送评论反馈、购买商品等等

所有 HTML 表单都以一个<form>元素开始

2.1 表单控件

(1).单行文本框

使用 type 属性值被设置为 text 的<input>元素可以创建单行文本框，它是一个单标签

value 属性表示已经填写好的值

placeholder 属性表示提示文本，将以浅色文字写在文本框中，并不是文本框中的值

disabled 属性表示用户不能与元素交互，即“锁死”

(2). 密码框

使用 type 属性值被设置为 password 的<input>元素可以创建密码框

(3). 单选按钮

使用 type 属性值被设置为 radio 的<input>元素可以创建单选按钮

互斥的单选按钮应该设置它们的 name 为相同值

单选按钮要有 value 属性值，向服务器提交的就是 value 值

单选按钮如果加上了 checked 属性，表示默认被选中

（4）. label 标签

label 标签用来将文字和单选按钮进行绑定，用户单击文字的时候也视为点击了单选按钮

(5). 复选框

使用 type 属性值被设置为 checkbox 的<input>元素可以创建复选框

同组复选框应该设置它们的 name 为相同值

复选框要有 value 属性值，向服务器提交的就是 value

复选按钮如果加上了 checked 属性，表示默认被选中

(6). 下拉菜单

<select>标签表示下拉菜单，<option>是它内部的选项

添加 selected 属性, 可以设置下拉菜单的默认选中项

(7).多行文本框

<textarea></textarea>表示多行文本框

rows 和 cols 属性，用于定义多行文本框的行数和列数

(8).按钮标签

<button></button>按钮，按钮上的提示文字，要写在起始标签和闭合标签之间，如下：

input 形式的两个按钮，提示文字都要通过 value 属性来设置，如下：

<button></button>按钮，起始标签和闭合标签之间不仅可以写文字，还可以写其他内容，比如设置一张图片：

而 input 的两个标签则无法实现该效果

如果想要一个图片形式的按钮，那么优先考虑<button></button>按钮 <input type="image">

(9). input 类型总结/input新增控件

（10）.datalist 控件

datalist 控件可以为输入框提供一些备选项，当用户输入的内容与备选项文字相同时，将会显示智能感应