html有序无序自定义列表
程序员文章站
2024-01-24 12:31:52
- 定义有序列表;
- 定义列表项,
- 定义列表,
- 自定义列表项目,
- 定义自定义列表的描述;同时列表项内部可以使用段落、换行符、图片、链接以及其他列表等等 ......
- 定义无序列表;
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记,无序列表适合成员之间无级别顺序关系的情况,无序列表使用 <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有序无序自定义列表
-
关于html中有序列表与无序列表的图文代码详解
-
sharepoint 2013 自定义列表查看页面附件打开新页面方法 dispform attachments open new page_html/css_WEB-ITnose
-
IE8 如何让无序列表中的文字与里面的div在垂直方向都居中_html/css_WEB-ITnose
-
HTML基本指令讲解:格式框架、标题、横线、文字、有序表与无序表
-
关于用图片做无序列表的项目符号,我做出来怎么是这个样子?_html/css_WEB-ITnose
-
任意Json转无序列表_html/css_WEB-ITnose
-
CSS自动加序号-多种有序列表数字序号效果_html/css_WEB-ITnose
-
关于用图片做无序列表的项目符号,我做出来怎么是这个样子?_html/css_WEB-ITnose
-
html的有序列表、无序列表与定义列表应该如何使用