1.有序列表
<1>.<ol></ol>-<li></li>·
语法:
<ol>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ol>
- ol:ordered list 有序列表
- li:list item 列表项
有序列表从<ol>
开始,到</ol>
结束,中间的列表项是<li>
标签内容。
两者配合使用,没有单独使用,而且<ol>
标签内部不能存在任何其它标签,一般情况只能存在<li>
标签(忽略嵌套列表).
<2>.type属性
语法:
<ol type="符号类型"></ol>
可以改变列表项前的项目符号,如默认是1、2、3,可换为a、b、c
说明:
属性值 | 列表项的序号类型 |
---|---|
1 | 数字1,2,3.. |
a | 小写英文字母a,b,c… |
A | 大写英文字母A,B,C… |
i | 小写罗马数字i、ii、iii… |
I | Ⅰ、Ⅱ、Ⅲ… |
应该用CSS来控制样式,放弃用type属性。
css属性list-style-type
2.无序列表
<1>.<ul></ul>-<li></li>
语法:
<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>
- ol:unordered list 有序列表
- li:list item 列表项
两者配合使用,ul标签内部一般情况下只能存在<li>
标签
<2>.type属性
语法:
<ol type="符号类型"></ol>
说明:
属性值 | 列表项的序号类型 |
---|---|
disc | 默认值,实心圆● |
circle | 空心圆,○ |
square | 实心正方形,■ |
使用CSS同上。
3.定义列表 <dl></dl>
语法:
<dl>
<dt>定义名词</dt>
<dd>定义描述</dd>
</dl>
- dl即是definition list,定义列表 .,标记定义列表开始与结束。
- dt-definition term,定义名词,后面添加要解释的名词。
- dd-definition description,定义描述,后面则添加该名词的具体解释,会自动缩进标签。