- 1、表格
- 2、表单
- button按钮标签
- select下拉菜单
- textarea多行文本域
- label标签
- 无语义标签
- 语义化标签
- 字符实体
- 语义化标签
- 字符实体
（1）基本元素
标签含义
- tr Table Row
- th Table Header
- td Table Data
table 属性：
- border 边框宽度
- width 表格宽度
- height 表格高度
| 姓名 | 年龄 |
|---|---|
| Tom | 23 |
| Jack | 24 |
（2）表格结构，可以省略
- thead 表格头部
- tbody 表格主体
- tfoot 表格底部
| 姓名 | 年龄 |
|---|---|
| Tom | 23 |
| Jack | 24 |
| 求和 | 57 |
（3）合并单元格
- 跨行合并（垂直）rowspan
- 跨列合并（水平）colspan
左上原则
- 上下合并，保留最上
- 左右合并，保留最左
Tips:不能跨结构合并
| 姓名 | 年龄 |
|---|---|
| Tom | 23 |
| Jack | |
| 求和: 57 | |
输入框 input
| type属性 | 输入框类型 |
|---|---|
| text | 文本框 |
| password | 密码框 |
| radio | 单选框 |
| checkbox | 多选框 |
| file | 文件选择 |
| submit | 提交按钮 |
| reset | 重置按钮 |
| button | 普通按钮 |
（1）text 文本框
placeholder 占位符
（2）password 密码框
placeholder 占位符
效果如（1）
（3）radio 单选框
name 属性分组，一个分组只能有一个值被选中
checked 默认选中
男 女
（4）checkbox 多选框
checked 默认选中
北京 上海
（5）file 文件选择
multiple 多选(按住 ctrl 多选)
（6）按钮
- submit 提交按钮
- reset 重置按钮
- button 普通按钮
需要配合 form 表单域使用
属性 value 修改按钮显示的值
button按钮标签
type 取值
- submit 提交按钮
- reset 重置按钮
- button 普通按钮(默认)
select下拉菜单
option 选项
默认选中第一项，可以指定默认选中 selected
textarea多行文本域属性
- cols 宽度 列数
- rows 高度 行数
label标签
点击文字也可选中选项
两种使用方式等效
无语义标签
- div 块级标签，独占一行
- span 行内标签
手机端常用
- header 网页头部
- nav 网页导航
- footer 网页底部
- aside 网页侧边栏
- section 网页区块
- article 网页文章
以上标签和 div 等效，多了语义化
字符实体在网页中显示特殊字符
- 空格
- 版权符
hello world hello world ©语义化标签
手机端常用
- header 网页头部
- nav 网页导航
- footer 网页底部
- aside 网页侧边栏
- section 网页区块
- article 网页文章
以上标签和 div 等效，多了语义化
字符实体在网页中显示特殊字符
- 空格
- 版权符
hello world hello world ©
