2.3 列表list
列表用于列举事实,常用的列表有无序列表 ul(unordered list) ,有序列表 ol(ordered list) 和定义列表 dl(definition list)3 种格式。
无序列表用 <ul> 开始,每一个列表条目用 <li> 引导,最后是 </ul> ,其基本格式为:
<ul>
<li>
……
<li>
</ul>
列表条目不需要结尾标注 </li> 。输出结果为每一列表条目缩进,并且以黑点标示。
与无序列表相比,有序列表 <ol> 只是在输出时列表条目用数字标示。基本格式如下:
<ol>
<li>
……
<li>
</ol>
定义列表 <dl> 用于对列表条目进行简短说明,用 <dl> 开始,列表条目用 <dt> 引导,它的说明用 <dd> 引导,基本格式如下:
<dl>
<dt>
<dd>
……
</dl>
下边我们用例子来说明无序列表、有序列表和定义列表的输出效果和区别。
类别 |
无序列表 |
有序列表 |
定义列表 |
html 代码 |
<ul> <li> 无序列表 <li> 有序列表 <li> 定义列表 </ul> |
<ol> <li> 无序列表 <li> 有序列表 <li> 定义列表 </ol> |
<dl> <dt> ol <dd> 无序列表 <dt> ul <dd> 有序列表 <dt> dl <dd> 定义列表 </dl> |
显示效果 |
· 无序列表 · 有序列表 · 定义列表 |
1. 无序列表 2. 有序列表 3. 定义列表 |
ol 无序列表 ul 有序列表 dl 定义列表 |
说明: 列表标记是块元素,其中 <ul> 、 <ol> 和 <dl> 要求开始标记和结束标记都有, <li>,<dt> 和 <dd> 可以没有结束标记。