列表
- 有序列表 ol
- 无序列表 ul
- 自定义列表
- 一组带有特殊含义的列表
- 一个列表项包含“条件”和“表列”两部分
- 目录列表dir (HTML5中已废除， 现用ul来代替)
- 菜单列表menu (HTML5中已废除，现用ul来代替)
有序列表
- ol 需要和 li 配合使用，不能单独使用
- ol 的子标签 也只能是li
<ol type="a">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Vue.js</li>
</ol>
type 属性
| 属性值 | |
|---|---|
| 1 | 1, 2, 3... |
| a | a, b, c... |
| A | A, B, C... |
| i | i, ii, iii... |
| I | I, II, III... |
学习了CSS之后，不再使用
type属性，而是使用list-style-type属性
无序列表
- unordered list
- ul 需要和 li 配合使用，不能单独使用
- ul 的子标签 也只能是li
- ul 内部的文本 只能在li元素内添加
- 实际开发中，ul 比 ol 更有用
- 例如：主导航，工具栏，动态栏
<ul type="circle">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Vue.js</li>
</ul>
type 属性
| 属性值 | |
|---|---|
| disc | 实心圆 （默认） |
| circle | 空心圆 |
| square | 实心正方形 |
学习了CSS之后，不再使用
type属性，而是使用list-style-type属性
定义列表 （definition list）
- dl: definition list 定义列表
- dt: definition term 定义名词
- dd: definition description 定义描述
<dl>
<dt>HTML</dt>
<dd>制作网页的标准语言，控制网页的结构</dd>
<dt>CSS</dt>
<dd>层叠样式表，控制网页的样式</dd>
<dt>JavaScript</dt>
<dd>脚本语言，控制网页的行为</dd>
</dl>
实际开发虽然用的少，但某些高级效果 （自定义表单） 也会用到
