---

一、表格

• (1)定义表格

• (2)标签:
  • <table> 定义 HTML 表格
  • <thead> 标签定义表格的表头
  • <tbody> 标签表格主体（正文）
  • <tfoot> 标签定义表格的页脚（脚注或表注）// 代码中需要在之前
  • <tr> 元素定义表格行
  • <th> 元素定义表头
  • <td> 元素定义表格单元
  • <caption> 元素定义表格标题，必须紧随 table 标签之后。只能对每个表格定义一个标题，默认居中与表格之上
  • <col> 标签为表格中一个或多个列定义属性值。
  • <colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。

• (3)专用css属性:
  • border-collapse：separate（defaul）| collapse | inherit （边框会被分开 | 边框会合并为一个单一的边框 | 继承父属性）
  • border-spacing：length length（定义一个 length 参数，那么定义的是水平和垂直间距。定义两个 length 参数，那么第一个设置水平间距，而第二个设置垂直间距。用来
    设置单元格之间的距离）
  • empty-cells：show（defaul）| hide | inherit （在空单元格周围绘制边框 | 不绘制 | 继承父属性）
• 注：border-spacing 和 empty-cells 属性只有在 border-collapse 为 separate 是才有效的
• (4)<td>;<th>;专用属性：

    colspan：规定单元格可横跨的列数。rowspan：规定单元格可横跨的行数。

• (5)<caption>专用css属性:

     caption-side：top | bottom | inherit（表格标题定位在表格之上 | 表格标题定位在表格之下 | 继承父属性）

• (6)代码实例:

     table {border: 1px dotted red;border-collapse: collapse;}td,tr,th {border: 1px solid gray;}<table><thead><tr><th>title</th><th>title</th><th>title</th></tr></thead><tfoot><tr><th>footer</th><th>footer</th><th>footer</th></tr></tfoot><tbody><tr><td>the</td><td>testinglongstring</td><td>Row</td></tr><tr><td>Second</td><td>-</td><td>Row</td></tr><tr><td colspan="2">the</td><td>third</td><td>Row</td></tr></tbody></table>

二、表单

• (1)和标签：第一个元素用来对相关的信息块分组，第二个相当于它的标题。
• (2)标签: 用来在每个表单元素中添加有意义的描述性标签。单击标签元素将使关联的表单元素获得焦点。关联方法如下：
  • 隐式方法：即把表单元素嵌套在label元素中
  • 显式方法：即把label元素的for属性设置为相关联的表单元素的id名称

// 隐式
<label>email <input name="email" type="text"></label>// 显式
<label for="email">email</label>
<input name="email"5 id="email" type="text">

• (3)name属性：用来把表单数据发送回服务器。实例如下：

     <form><fieldset><legend>健康信息</legend>身高：<input type="text" />体重：<input type="text" /></fieldset></form>

• (4)<button>标签: 定义按钮.可以在 button 元素放置内容，比如文本或图像。这是该元素与通过 input 元素创建的按钮的不同之处。
  请始终为按钮规定 type 属性。不同的浏览器根据 type 属性使用不同的默认值。如：

    <button type="button">点击这里</button>