html有序无序自定义列表

2020-03-28 16:02:08来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

html有序无序自定义列表

<ol>定义有序列表;<ul>定义无序列表;<li>定义列表项,<dl>定义列表,<dt>自定义列表项目,<dd>定义自定义列表的描述;同时列表项内部可以使用段落、换行符、图片、链接以及其他列表等等

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

原文链接:https://www.cnblogs.com/dhnblog/p/12586817.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML连载78-3D播放器下、背景尺寸属性

下一篇:HTML布局&lt;div&gt;or&lt;table&gt;