一. 表格
主要标签
- table：表格容器
- thead：表头
- tbody：表格主体内容
- tfoot
- tr：每一行,tr中只能包含td或th
- th：表头中的每一列，th相当于一个容器，可以容纳所有元素
- td：表体中的每一列，td相当于一个容器，可以容纳所有元素
主要属性
- border="1" table的边框
- cellspacing="0" 单元格与单元格之间的距离
- cellpadding="10" 单元格内容与边框的距离
- aligin="center" table的位置
- colspan="2" 列合并（横向合并，注意删除同一个tr中的td）
- rowspan="2" 行合并（竖向合并，注意删除同tbody中的tr）
代码示例：
<table border="1" cellspacing="0" cellpadding="10" align="center">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>爱好</th>
<th colspan="2">总结</th>
</tr>
</thead>
<tbody>
<tr>
<td>小诺</td>
<td>12</td>
<td>篮球</td>
<td>篮球</td>
<td rowspan="2">篮球</td>
</tr>
<tr>
<td>小诺</td>
<td>12</td>
<td>篮球</td>
<td>篮球</td>
<!-- <td>篮球</td> -->
</tr>
</tbody>
</table>
图例：
| 姓名 | 年龄 | 爱好 | 总结 | |
|---|---|---|---|---|
| 小诺 | 12 | 篮球 | 篮球 | 篮球 |
| 小诺 | 12 | 篮球 | 篮球 | |
二. 列表
主要标签
- ul: 无序，只能嵌套li
- ol：有序，只能嵌套li
- li：li之间相当于一个容器，可以容纳所有元素
- dl：自定义列表（里面的两个兄弟，dt，dd）
- dt：自定义列表中的标题
- dd：自定义列表中的内容
三. 表单
表单的目的是为了收集用户信息，在html中，一个完整的表单通常由表单控件（或表单元素），提示信息和表单域3个部分组成
[a] input控件（重点）
主要属性：
- type：控件的类型，（主要值有：text/password/radio/checkbox/button/submit/reset/image/file）
- name：控件的名称,通过此属性把每个表单区别开，后台可以通过name属性找到这个表单
- value：控件中的默认文本值
- maxlength：控件允许输入的最多字符数
- checked：默认选择状态，一般在单选或复选按钮中
*name详细介绍：
1. 在radio单选框中，name属性相同时，送到后台只能送一个，谁选中就送到后台去。
<div>
男：<input type="radio" name="sex">
</div>
<div>
女：<input type="radio" name="sex">
</div>
2. 在checkbox复选框中，name属性相同时，送到后台只能送一个，谁选中就送到后台去。
<div>
篮球： <input type="checkbox" name="love" id="">
</div>
<div>
足球： <input type="checkbox" name="love" id="">
</div>
*图片按钮详细介绍：必须有src属性
<div>
<input type="image" src="。。。" >
</div>
lable标签：用于绑定一个表单元素，当点击lable标签的时候，被绑定的表单元素就会获得输入焦点
<div>
<!-- 方法一：直接包含表单 -->
<label>
密码： <input type="password">
</label>
</div>
<div>
<!-- 方法二：用for属性与id属性 -->
<label for="pas"> 密码：</label>
<input type="password" id="pas">
</div>
[b] textarea控件（文本域）：多用于留言板
主要属性：
- cols="10": 每行中的字符数
- rows="10"：显示的行数
[c] select控件（下拉列表）：用于有多个选项让用户选择，【此标签在实际开发中用的较少，通常用div或ul来实现】
主要标签：
- select: 至少包含一个option标签
- option
主要属性：
-selected : 写在option标签中，为默认选中
例
<select>
<option >请选择省份</option>
<option selected>北京</option>
<option >河北</option>
</select>
[c] form表单域：在html中，form标签被用于定义表单域，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。
主要属性：
- action="" ：url地址，用于指定接收并处理表单数据的服务器程序的url地址
- method="": 用于设置表单数据的提交方式，其值为get或post
- name="": 用于指定表单的名称，以区分同一个页面中的多个表单
