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>
上一篇: html篇
下一篇: 明英宗已经退位八年,为什么还能夺门登基?
推荐阅读
-
HTML基本指令讲解:格式框架、标题、横线、文字、有序表与无序表
-
关于用图片做无序列表的项目符号,我做出来怎么是这个样子?_html/css_WEB-ITnose
-
任意Json转无序列表_html/css_WEB-ITnose
-
CSS自动加序号-多种有序列表数字序号效果_html/css_WEB-ITnose
-
关于用图片做无序列表的项目符号,我做出来怎么是这个样子?_html/css_WEB-ITnose
-
html的有序列表、无序列表与定义列表应该如何使用
-
任意Json转无序列表_html/css_WEB-ITnose
-
html无序列表标签和有序列表标签使用示例_HTML/Xhtml_网页制作
-
html中的有序列表和无序列表
-
HTML5列表元素ul无序列表 ol有序列表 dl定义列表