1. 列表
作用：布局内容排列整齐的区域。 分类：无序列表、有序列表、定义列表
无序列表
ul嵌套li ul标签里只能包裹li标签 li标签里可包裹任何内容
有序列表
作用：布局排列整齐的需要规定顺序的区域 ol嵌套li
定义列表
dl嵌套dt和dd，dl是定义列表、dt是定义列表的标题，dd是定义列表的描述/详情。
- dl里只能包含dt和dd
- dt和dd里面可包含任何内容
2. 表格
基本使用
table嵌套tr，tr嵌套td/th 其中，tr表示行；th表示表头单元格；td表示内容单元格
注：在网页中，表格默认没有边框线，使用border属性可以为表格添加边框线。
表格结构标签-了解
thead、tbody、tfoot分别表示表格头部、主体、底部
合并单元格
步骤：
1.明确合并目标
2.保留最左最上的单元格，添加属性（取值是数字，表示需要合并的单元格数量）
跨行合并，保留最上单元格，添加属性rowspan
跨列合并，保留最左单元格，添加属性colspan
3.删除其他单元格
3. 表单
作用：收集用户信息
使用场景：
- 登录页面
- 注册页面
- 搜索区域
4. input标签
input标签type属性值不同，则功能不同
属性——>属性值：
text——>文本框，输入单行文本
password——>密码框
radio——>单选框
checkbox——>多选框
file——>上传文件
input 标签占位文本
palceholder="提示信息"
单选框
name：控件名称
控件分组，同组只能选中一个（单选功能）
checked：默认选中
属性名和属性值相同，简写为一个单词
上传文件
默认情况下，文件上传表单控件只可上传一个文件，添加multiple属性可实现文件多选功能。
多选框
默认选中：checked
下拉菜单
select嵌套option，select是下拉菜单整体，option是下拉菜单的每一项。
注：默认显示第一项，selected属性实现默认选中功能。
文本域
输入多行文本的表单控件 textarea
注：使用CSS设置文本域的尺寸、一般禁用右下角拖拽功能
label
在网页中，某个标签的说明文本。
用label标签绑定文字和表单控件的关系，增大表单控件的点击范围。
- 写法一 label标签只包裹内容，不包裹表单控件
设置label标签的for属性值和表单控件的id属性值相同
- 写法二 使用label标签包裹文字和表单控件，无需属性
注：支持label标签增大点击范围的表单控件：
文本框、密码框、上传文件、单选框、多选框、下拉菜单、文本域等。
按钮
submit：提交按钮，提交数据至后台
reset：将表单控件恢复默认值
button：一般配合JS使用
语义化
无语义的布局标签
- div：独占一行
- span：不换行
有语义的布局标签
- header：网页头部
- nav：网页导航
- footer：网页底部
- aside：网页侧边栏
- section：网页区块
- article：网页文章
字符实体
- 空格：
- 小于号：
- 大于号：
