总结：列表、div、表单
学习任务
1.列表
- 有序列表
- 有序列表
- 有序列表
- 有序列表
- 无序列表
- 无序列表
- 无序列表
- 无序列表
- 自定义列表
- 列表头
- 列表内容
- 列表头
- 列表内容
简单示例
无序列表应用场景
自定义列表应用场景
2.div
- 用于页面结构划分，页面分区
- 示例一个典型的网页分为头部、内容、尾部；内容可分为侧边栏和主体内容，如：
- div样式
3.块级元素、行内元素
- 块级元素占用空间是一整行，行内元素占用空间是他自身的内容宽度。行内元素可以并排显示，块级元素不能
- 行内元素设置width、height无效（即不改变显示效果），设置垂直的margin、padding无效（即有显示效果但不占据空间，需应用ling-height改变垂直空间）
- 块级元素包括：div、p、h、table、tr、ul、li、dl、dt、form
- 行内元素包括：a、span、img、input、button、em、textarea
4.表单
- 表单的目的是把数据提交给后台
- type="text" 单行文本框
type：选定表单类型
name：提交给后台，告知后台数据类型（提交的是什么）
value：表单框内的默认输入的内容（可不写）
placeholder：删除键删掉value默认值后，表单框内重新显示的内容
maxlength：表单框内最多输入的字符数量
- type=''radio'' 单选按钮
name：提交给后台，告知后台数据类型（提交的是什么）
value：提交给后台的具体值（内容）
name相同为单选，name可以复选（不能取消）；name分组
- type="checkbox" 多选按钮
name分组
check：默认选中
value：（不写value时默认为on，默认选中）value对应分组中，提交的值
- type="textarea" 文本域
用于输入多行文本 - type="hidden" 隐藏域
用户看不到。用于暂存数据，或安全性校验
5.iframe嵌入页面
- 在当前页面嵌入其他页面