码迷,mamicode.com
首页 > Web开发 > 详细

html有序无序自定义列表

时间:2020-03-28 13:16:24      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:开始   ack   组合   段落   hit   级别   mil   图片   pre   

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

html有序无序自定义列表

标签:开始   ack   组合   段落   hit   级别   mil   图片   pre   

原文地址:https://www.cnblogs.com/dhnblog/p/12586817.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!