一、表格标签
1.基本语法
表格->行->块（列）
2.表头单元格标签
<th></th> 加粗居中
3.表格属性（不常用，后面用CSS来设置）
这些属性要写到table里
| 属性名 | 属性值 | 描述 |
| align | left、center、right | 规定表格相对周围元素的对齐方式 |
| border | 1或"" | 规定表格单元是否拥有边框，默认""没有边框 |
| cellpadding | 像素值 | 规定单元边沿与其他内容之间的空白，默认1像素 |
| cellspacing | 像素值 | 规定单元格之间的空白，默认2像素 |
| width height | 像素值或百分比 | 规定表格的宽度 |
4.表格结构标签
放在table标签里的
<thead>：表格的头部区域
<tbody>：表格的主体区域
5.合并单元格
（1）方式
- 跨行合并：roespan = "合并单元格的个数"
- 跨列合并：colspan = "葛冰单元格的个数"
（2）目标单元格
- 跨行：最上侧单元格为目标单元格
- 跨列：最左侧单元格
（3）步骤
- 确定跨行or跨列
- <td colspan = "2"></td>
- 删除多余单元格
二、列表标签
1.无序列表
<ul>
<li>列表1</li>
</ul>
- 没有顺序级别之分，是并列的
- <ul></ul>里只能嵌套<li></li>，不能有别的
- <li></li>里可以容纳别的元素
2.有序列表
<ol>
<li>列表1</li>
</ol>
注意事项同上
3.自定义列表
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
</dl>
<dl>里只包含<dd><dt>，二者是兄弟关系。（有解释关系）
三、表单标签
1.相关概念
作用：收集用户信息
构成：表单域、表单控件（表单元素）、提示信息。
2.表单域
<form>定义表单域，实现用户信息的收集和传递。记住先写表单域。
<form action = "URL地址" method = "提交方式" name = "表单域名称">
</form>
| 属性 | 属性值 | 作用 |
| action | URL地址 | 指定接收并处理表单数据的服务器程序的URL地址 |
| method | get/post | 设置表单数据的提交方式，取值为get或post |
| name | 名称 | 指定表单的名称以区分一个页面中的多个表单域 |
3.表单控件
1.input输入表单元素（收集用户信息）
<input type = "属性值" /> 单标签
| 属性值 | 描述 |
| button | 可点击按钮 |
| checkbox | 复选框（多选） 相同name |
| file | 输入字段和“浏览”按钮，供文件上传 |
| hidden | 隐藏的输入字段 |
| image | 图像形式的提交按钮 |
| password | 密码字段。字符被掩码 |
| radio | 单选按钮（小圆点） 必须是相同的name |
| reset | 重置按钮，清除表单中的所有数据 |
| submit | 提交按钮，把表单数据发送到服务器 |
| text | 单行的输入字段，用户可在其中输入文本。默认宽度为20个字符 |
| 属性 | 属性值 | 描述 |
| name | 由用户自定义 | input元素的名称 |
| value | 用户自定义 | 刚打开页面就默认显示的文字 |
| checked | checked | 此input元素首次加载时应该被选中 |
| maxlength | 正整数 | 输入字段中的字符的最大长度 |
- name和value主要给后台人员使用
- radio和checkbox的name要相同
<lable for = "sex">男</lable>
<input type = "radio" name = "sex" id = "sex" />
id和for的名字要相同，浏览器光标转到对应选项上就可以选。
2.select下拉表单元素
<select>
<option>选项</option>
</select>
- 至少包含一个选项
- <option>定义selected = "selected" 当前项为默认选中项
3.textarea文本域元素
定义多行文本输入
<textarea rows = "3" cols = "20">
文本内容
</textarea>
四、查阅文档
百度：http://www.baidu.com
W3C： http://www.w3school.com.cn/
MDN： https://developer.mozilla.org/zh-CN/
