HTML元素解析-列表
HTML支持有序、无序和定义列表。
一、HTML无序列表<ul>
无序列表使用粗体圆点进行标记,无序列表适合成员之间无级别顺序关系的情况,使用<ul>标签。
实例:
<ul>
<li>项目1...</li>
<li>项目2...</li>
</ul>
结果:
<li> 标签定义列表项目。
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
二、HTML有序列表<ol>
有序列表使用数字进行标记,有序列表适合各个项目间存在顺序关系的情况。
实例:
<ol>
<li>项目1</li>
<li>项目2</li>
<ol>
结果:
<ol start="50">
<li>项目1</li>
<li>项目2</li>
<ol>
结果:
三、HTML自定义列表
自定义列表不仅仅是一列项目,而是项目及注释的组合。
自定义列表以<dl>标签开始,自定义列表项由<dt>开始,自定义列表项的定义由<dd>开始。
自定义列表中的一个术语名可以对应多重定义或者多个术语名对应同一个定义,如果只有术语名或者只有定义也是可以的,也就是说<dt>与<dd>数量不限,对应关系不限。
实例:
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
结果:
注意:
列表项内部可以使用段落、换行符、图片、链接等。
总结:
标签 | 描述 |
<ol> | 定义有序列表 |
<ul> | 定义无序列表 |
<li> | 定义列表项 |
<dl> | 自定义列表 |
<dt> | 自定义列表项目 |
<dd> | 自定义列表的描述 |