#HTML
HTML进阶标签
1. 列表相关
无序列表（重点）
- ul嵌套li
- 注意事项：
- ul里只能写li
- li里可以写p/h等
- 注意事项：
有序列表
- ol嵌套li
- 注意事项：与无序列表相同
定义列表
- dl嵌套dd/dt
- 说明：
- dt是标题，dd是描述
- 一般用于页脚，做一个尾部服务栏目
- 说明：
======================================================
2. 表格相关
表格结构
- table嵌套tr，tr嵌套td/th
- table：说明这是一个表格
- tr：一个tr开启一行
- th：这一行的头单元格
- td：这一行的内容单元格
表格属性
- border属性：给表格增加边框
合并单元格
- 原则：
- 保留最左最上的单元格，其余要合并的单元格删除
- 如果是跨行，保留上，写rowspan（同列和）
- 如果是跨列，保留左，写colspan（同行和）
- 注意：不能跨单元格合并
======================================================
3. 表单相关
表单元素
- 配合form使用，写在form里
- input标签，根据type属性值不同，作用也不同
input标签类型
text：文本框
password：密码框
radio：单选框
checkbox：多选框
file：上传文件
input标签属性
文本框/密码框的占位文本：placeholder（提示输入信息）
单选框的选择：name（给该选择绑定元素，无name则无法单选）、checked（默认）
多选框的选择：checked（默认选择）
上传文件的属性：multiple（上传多份文件）
下拉菜单
- select嵌套option
- select：总属性
- option：元素
- 默认选择属性：selected
文本域
- 多行输入（发评论之类的）
- textarea
- 说明：右下角有拖拽放大功能，工作中一般禁用
label标签
- 作用：增大作用范围
- 写法：
- 写法一：用label单独包裹选项文本内容
- label的for标签与input的id一致就行
- 写法二：用label包裹input整体
- label包住全部
- 推荐：写法二更推荐
- 写法一：用label单独包裹选项文本内容
- 说明：label作用范围宽，input都行
按钮
- button内有type属性
- type类型：
- submit：提交（省略属性标签，默认为该功能）
- reset：重置（一键清空功能）（需要放在form里）
- button：配合JavaScript一起使用
======================================================
4. 布局与字符(后续主要使用div)
布局标签
div：换行标签
span：不换行标签
字符实体
- 作用：用来显示被语法占用的字符
- 常用字符实体：
- ：空格
- <：＜
- >：＞