1.列表
- 无序列表 ul li
- 有序列表 ol li
其中ol的属性start可以定义开始值
- 自定义列表 dl dt dd
2.表格
- table 表格
- caption 标题
- thead 表头-每组表格必须要写一个，且只能有一个
- tbody 主体-魅族表格可以有多个主体
- 格式
<caption>标题</caption><thead><tr><th>表头1</th><th>表头2</th><th>表头3</th></tr></thead><tbody><tr><td>主体1</td><td>主体2</td><td>主体3</td></tr></tbody></table>
- 表格行合并:colspan=””
- 表格列合并:rowspan=””
3.表单
- 表单控件的form属性：使用form属性将控件与它所属的表单进行绑定；在控件中添加form=”form的id值”即可。虽然可以用，但是尽量不要使用，缺点：影响布局、代码混乱；优点：用在js中，获取数据将会变得非常方便。
- action 处理表单的属性
- method 表单提交类型 默认为GET：数据直接放在url地址中；POST：数据在请求头中。
- type 常见控件类型:
text(文本框)password(密码框)radio(单选框) 一组单选框应该用同一个name名称checkbox(复选框) checked 设置默认值 复选框的name值应该写成数组的格式file(文件域) 使用文件域上传文件需要将form中enctype属性设置为"multipart/form-data";请求类型必须是POST,get方式传输数据大小有限制而且不全。submit(提交按钮)button(普通按钮)reset(重置按钮)hidden(隐藏域) 前端看不到，仅供后端使用textarea(长文本框)select(下拉框) multiple 设置多选 size=""设置多选显示个数 option内的label属性优先级大于其内部的文本(使用较少)image(图片框)
- type html5新增类型：
url 自动验证url域的值tel 用来输入电话号码search 搜索框email e-mail地址输入域color 颜色选择器number 数字字段range 处理包含在一定范围内的数字输入month 年月控件 选取月、年date 日期控件 选取日、月、年datetime 日期加时间控件 用于选取时、日、月、年(UTC时间)datetime-local 日期加时间控件（不带时区） 选取时、日、月、年(本地时间)time 时间控件 用于选取时、分week 周年控件 用于选取周、年
required 必选属性
readonly 只读属性
disabled 禁用属性
4.课程实例
实例
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title></title><style>table{border-collapse: collapse;text-align: center;}td,th{border: 1px solid gray;}</style></head><body><table width="100%"><caption>课程表</caption><thead><tr bgcolor="#c0c0c0"><th></th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th></tr></thead><tbody><tr><td rowspan="4">上午</td><td>数学</td><td>文综</td><td>语文</td><td>理综</td><td>自习</td></tr><tr><td>文综</td><td>语文</td><td>数学</td><td>自习</td><td>理综</td></tr><tr><td>理综</td><td>语文</td><td>数学</td><td>自习</td><td>文综</td></tr><tr><td>语文</td><td>自习</td><td>数学</td><td>文综</td><td>理综</td></tr><tr><td colspan="6" bgcolor="#v1c1c1">午休</td></tr><tr><td rowspan="4">下午</td><td>数学</td><td>文综</td><td>语文</td><td>自习</td><td>理综</td></tr><tr><td>文综</td><td>语文</td><td>数学</td><td>自习</td><td>理综</td></tr><tr><td>理综</td><td>语文</td><td>数学</td><td>自习</td><td>文综</td></tr><tr><td colspan="2">体育</td><td colspan="1">美术</td><td colspan="2">自由活动</td></tr></tbody></table></body></html>