HTML中有序列表无序列表自定义列表

白癜风治疗医院 https://jbk.familydoctor.com.cn/bjbdfyy/

HTML支持3种不同的列表:

有序列表无序列表自定义列表1.有序列表

有序列表也是一列项目,列表项目使用数字进行标记。

ol标签定义了一个有序列表,列表排序以数字来显示。使用li标签来定义列表选项。

实例:下面是个有序列表。

浏览器运行结果如图所示

ol:orderlist的缩写,表示有序列表。它可以为列表的每一项进行编号,默认从数字1开始;li:listitem的缩写,表示列表的每一项。列表中还可以包含文本或其它元素,甚至是新的列表。ol中有多少个li就表示有多少条内容。注意:在使用ol时,它一般和li配合使用,不会单独出现。而且不建议在ol中直接使用除li之外的其他标签。

type属性值为a,start属性值为2浏览器运行结果如图所示

有序列表中默认的type类型是数字,而且是从1开始的。它有两个属性:type、start。

1.1type:有五个属性值:1、a、A、i、I(罗马数字),表示列表前缀的格式;

1.2start:属性值位数字,表示从type类型的第几个数字开始,有点绕,比如当你选的type=“a”,start=“2”,表示选择的是小写字母类型,从第三个字母b开始充当列表前缀。其他也是如此,不一一举例了。

2.无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

ul标签定义无序列表。将ul标签与li标签一起使用,创建无序列表。

实例:下面是一个无序列表。

浏览器运行结果如图所示

ul是unorderedlist的缩写,表示无序列表。默认情况下,无序列表的每一项都使用实心圆符号表示;li同ol中的li一样,它也表示列表中的每一项。注意:ul一般和li配合使用,不会单独出现。而且不建议在ul中直接使用除li之外的其他标签。

浏览器运行结果如图所示

无序列表默认的前缀样式是实心圆其实是disc,

ul标签中的属性type,type属性值有disc(实心圆默认)、circle(空心圆)、square(实心正方形)、none(取消前缀)。

3.自定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以dl标签开始。每个自定义列表项以dt开始。每个自定义列表项的描述以dd开始。

实例:下面是一个自定义列表。

type属性值为circle(空心圆)浏览器运行结果如图所示

dl:definitionlist的缩写,表示定义列表;dl/dl里面只能包含dt和dd。dt:definitionterm的写,表示定义术语,也就是我们常说的定义标题。一般情况下,每个定义标题都会对应若干条定义描述;dt和dd个数没有限制,在使用中常是一个dt对应多个dd。dd:definitiondescription的缩写,表示定义描述。定义描述一般是对定义标题的解释说明。4.有序列表、无序列表、自定义列表之间的区别

有序列表:ol表示有序列表,li表示列表中的每一项,有序列表的前缀可以是大写字母和小写字母、数字、罗马数字等,默认使用阿拉伯数字编号。无序列表:ul表示无序列表,配合li实现,无序列表的前缀可以是实心圆、空心圆、实心正方形,默认使用实心圆符号显示。定义列表:dl与dt、dd配合实现,dt充当列表的标题,dd是对dt的解释说明。自定义列表没有前缀,但有缩进。




转载请注明:http://www.aierlanlan.com/rzdk/3552.html

  • 上一篇文章:
  •   
  • 下一篇文章: