列表标签
三种列表标签：
- 无序列表
- 有序列表
- 定义列表
无序列表：
-
没有刻意顺序的列表
-
ul：（unordered list)
-
li：（list-item）
-
无序列表使用
父子组合标签
- 无序列表是一个父子组合标签，ul是父标签，li是子标签，两个标签不能单独出现，他们成组出现
- 当HTML标签形成嵌套时，必须注意代码的缩进（Tab键）
注意：
- li不能单独使用，必须放在ul或ol中作为他们的子标签进行使用
- HTML规定，ul和ol的子标签必须只能是li
-
li标签是容器，内部可存放任何其他类型的标签
-
无序列表具有type属性，可定义前导符号的样式，但在HTML中已被废弃，现多用CSS替代
| 属性值 | 列表项符号 |
|---|---|
| disc | 实心圆●（默认值） |
| circle | 空心圆○ |
| square | 实心正方形■ |
说明：虽已被废弃，但需了解一下
有序列表：
-
使用
- 和
- 标签
-
注意事项：（同无序标签相同）
type属性
- ol标签可以设置type属性，用来设置编号的类型（现大多用CSS设置，了解即可）
| 值 | 描述 |
|---|---|
| 1 | 默认值。数字有序列表。（1、2、3、4） |
| a | 按字母顺序排列的有序列表，小写。（a、b、c、d） |
| A | 按字母顺序排列的有序列表，大写。（A、B、C、D） |
| i | 罗马字母，小写。（i, ii, iii, iv） |
| I | 罗马字母，大写。（I, II, III, IV） |
start属性
- start属性必须是一个整数，指定序列编号的起始值
- 此属性的值应为阿拉伯数字，尽管列表条目的编号类型type属性可能指定为罗马数字编号等其他类型的编号
reversed属性
- reversed属性指定列表中的条目是否倒叙排列
- 该属性不需要值，只需要写reversed单词即可，这是HTML的全新特性
定义列表
- 需要逐条给出定义描述的列表就是定义列表
- 必须结合dl标签去 使用dd、dt标签，不能单独使用dd、dt标签
- dt和dd标签是同级的，都存放于dl标签内，dd和dt不能相互嵌套
- dd的内容的作用是描述和解释dt中的内容
- dt和dd标签交替出现，也允许他们不交替出现，但分别处于不同的定义列表中
- dl的子标签只能是dt 和dd
- dd可以有多个
- definition list 定义列表
- data term 数据项
- data definition 数据定义
应用场景：
- 使用什么样的标签，不应看样式，而应看其语义
- 只要语义上有“解释说明”含有的文字，就应使用定义列表
div标签
双标签
用来将相关内容组合到一起，以实现和其他内容的分割，是文档结构更清晰
- 浮动元素，块元素
- 例如：网站的头部要放到一个div标签对中，轮播图也要放到一个div标签对中，文章内容也要放到一个div标签对中
- 内容被一部分一部分的划分出来
- div标签是最常见的HTML标签，因为它可以结合CSS使用，实现页面的布局，这种布局格式被称为“DIV+CSS”
- div标签对像是一个容器，什么都可以容纳，因此div标签也被习惯性的称为“盒子”
表格（table）
之前用来做布局，现在作为了解内容
双标签
- th表头 字体默认加粗并水平居中
- tr 行
- td列
- border-collapse ：collapse 边框重叠
- 表格默认文字向右对齐，数字向左对齐
- 表格可以添加背景或背景图片（整个表格或单个表格均可）
<table >
<tr><th></th></tr>
<tr><td></td></tr>
</table>
作用：
- 制作各种表格
- 定位
单元格合并
- 列合并（跨列）：colspan ="数字"；数字是指定合并的列数
- 行合并（跨行）：rowspan ="数字"；数字是指定合并的行数
表单（form）
注：学会查帮助文档，当有提交需求时，用form标签包裹起来，否则不用
双标签
**作用：**注册，登录
属性
- action提交 提交到后台扩展名为PHP，PHP获取表单的内容依靠name（字段），提交内容的接收地址
- methon提交方式：
- post 发送（常用）
- get 获取，会暴露用户的用户名等信息，不安全
内容：
| 属性 | 说明 |
|---|---|
| type | 指定元素的类型。text、 password、checkbox、radio、 submit 、reset、file、hidden、image 和l button，默认为text |
| name | 指定表单元素的名称 |
| value | 元素的初始值。type为radio时必须指定一个值 |
| size | 指定表单元素的初始宽度。当type 为 text或password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位 |
| maxlength | type为text 或password时，输入的最大字符数 |
| checked | type为radio或checkbox时，指定按钮是否是被选中 |
| placeholder | 提示文字，输入时消失，清空输入框时出现 |
| disabled | 禁用 |
| readonly | 只读 |
| required | 必填内容 |
下拉菜单（select）
-
双标签
option选项 双标签
默认选中：selected
复选框（checkbox）
默认选中：checked
单选框（radio）
同一标题下的不同选项需设置相同的name值来实现单选功能
默认选中：checked
标注（label）
双标签，输入时的辅助标签，扩大元素选择范围，帮助迅速选中元素，行内元素
使用规则：
-
隐式，把表单嵌入到label标签中(较老，了解)
-
<label>内容<input id="ID名" type="checkbox/radio"></label>
-
-
显式,label标签通过for属性设为与其关联的表单控件的相同id值
-
<label for="ID名">内容</label> <input id="ID名" type="checkbox/radio"/>
-
注：input和label的位置与页面中文字与选框的关系有关
三种按钮
按钮样式：轮廓线（outline），可参考边框样式
普通按钮
<input type="button" value="按钮名称或作用"/>
<button>按钮名称或作用</button>
提交按钮
<input type="submit"/>
重置按钮
<input type="reset"/>
多行文本框（textarea）
双标签，
拓展
特殊符号
| 特殊符号 | 字符实体 |
|---|---|
| 空格 | （ ） |
| 大于号 | （>） |
| 小于号 | （<） |
| 版权符号 | （©） |
四个空格即为一个汉字的字符大小
我们的代码书写要遵循**W3C（万维网联盟）**标准
- 标签名称、属性名称必须小写
- 标签必须严格嵌套且必须闭合，即使空元素标签也必须闭合
- 属性值必须用引号引起来
