列表是HTML中常见的操作,几乎很多网页都有列表来显示数据。今天,我在这里分享关于有序列表、无序列表和定义列表的知识。从定义到实例的总结和概述。
有序列表
有序列表是ol标签和li标签的组合,ol表示有序列表的开始,/ol表示有序列表的结束。这里,为了说明有序列表的用法,用有序列表来表示张三、王思、吴立和刘妈。html head title list control/title/headbody olly张三/王丽丽斯/吴/刘/李/ol/body/html下图是执行的结果,前面的自动秘密的序号为1234。
很多时候我们想用ABCD或者其他需要作为HTML中有序列表的序号。我们做什么呢HTML中提供了小写字母A用小写字母表示列表的序号,大写字母A用大写字母表示列表的序号,小写罗马数字I表示序号,大写罗马数字I表示序号。请参见下面的示例。您可以在下图中看到代码和示例。用大写字母作为这个有序列表的序号,写法为type='A '执行结果是A、B、C、d的序号。
对于一个有序列表,我们可能会遇到第一页之后继续写第二页的情况,第二页的序号不是从头开始的。针对这种情况应该如何设计?序列号不是从头开始的,HTML给ul提供了一个属性,就是start属性。具体用法如下:(此有序列表从10开始)html head title list control/title/head body type=' 1 ' start=' 10 '张丽三/王丽丽四/李丽丽吴/马莉莉刘/李/ol/body/html你可以看到这个。
无序列表
在HTML中,无序列表由ul和li组合控制。ul/ul控制无序列表的开始和结束,li/li控制列表中的项目。例子如下:htmlheadtitle列表控件/title/headbyduli张三/王丽丽四/李丽丽吴/马莉莉刘/李/ul/body/html从下图的执行结果可以看出,无序列表的默认是圆心作为无序列表的logo。
如果我们不想让无序列表前面的logo成为圆心的真实点呢?这里有几个要点,圆盘实心圆,圆空心圆,方实心方,方便大家使用。示例如下:html head title list control/title/head body type=' square '张丽三/王丽丽四/李丽丽吴/马莉莉刘/李/ul/body/html可以看到,项目符号已经变成了实心的正方形。其实还有自定义项目符文,我放在单独的体验里了。
定义序列
定义列表由dldtdd实现,dldtdd是三个标签的组合。dl/dl表示定义序列的开始和结束,dt/dt表示被解释内容dd/dd对被解释内容的解释。Htmlheadtitle列表控件/Title/head dyldt考试科目/dt/dtdd中文/dddd数学/dddd英语/dd/dl/body/html你可以看到讲解的是考试科目,讲解内容是以下三个科目。这通过缩进来表示。
字体编程需要不断的练习和学习。