欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

html有序无序自定义列表

程序员文章站 2022-05-11 08:46:02
    定义有序列表;
      定义无序列表;
    • 定义列表项,
      定义列表,
      自定义列表项目,
      定义自定义列表的描述;同时列表项内部可以使用段落、换行符、图片、链接以及其他列表等等 ......

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记,无序列表适合成员之间无级别顺序关系的情况,无序列表使用 <ul> 标签:

1 <ul>
2 <li>coffee</li>
3 <li>milk</li>
4 </ul>

同样html有序列表也是一列项目,列表项目使用数字进行标记,有序列表始于 <ol> 标签,每个列表项始于 <li> 标签,有序列表适合各项目之间存在顺序关系的情况。

1 <ol>
2 <li>coffee</li>
3 <li>milk</li>
4 </ol>

自定义列表不仅仅是一列项目,而是项目及其注释的组合,自定义列表以 <dl> 标签开始,每个自定义列表项以 <dt> 开始,每个自定义列表项的定义以 <dd> 开始,自定义列表中的一个术语名可以对应多重定义或者多个术语名对应同一个定义,如果只有也术语名或者只有定义也是可行的,也就是说 <dt> 与 <dd> 在其中数量不限、对应关系不限。提示:列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

1 <dl>
2 <dt>coffee</dt>
3 <dd>- black hot drink</dd>
4 <dt>milk</dt>
5 <dd>- white cold drink</dd>
6 </dl>