HTML知识点总结之ul,ol,li标签

Posted aaaaniu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML知识点总结之ul,ol,li标签相关的知识,希望对你有一定的参考价值。

html列表分为有序列表,无序列表和描述列表。我们常用的是有序列表(ol)与无序列表(ul)。

  • 有序列表

<ol>标签就可以定义一个有序列表,之所以称其为有序列表,是因为可以使列表具有排序功能。具体的列表项使用<li>元素来规定。

type属性:实现不同方式的有序排序功能,不赞成使用,通常都会使用样式取代它。

(1)1表示以1,2,3,4数字方式的排序。

(2)a表示以a,b,c,d小写字母的方式排序。

(3)A表示以A,B,C,D大写字母的方式排序。

(4)i表示以i,ii ,iii罗马数字小写的方式排序。

(5)I表示以 I,II,III罗马数字大写的方式排序。

编号的样式可以使用CSS中的 list-style-type 属性定义。

HTML5中新增的reversed属性可以规定倒序排序。

 
技术分享图片
  • 无序列表

HTML无序列表用<ul>标签定义,之所以称其为无序列表,是因为列表没有排序功能。具体的列表项还是使用<li>元素来规定。

type属性:定义列表项前面的符号形状,不赞成使用,通常都会使用样式取代它。

(1)dise:实心圆(默认值)。

(2)circle:空心圆。

(3)square:实心方块。

 
技术分享图片

?

以上是关于HTML知识点总结之ul,ol,li标签的主要内容,如果未能解决你的问题,请参考以下文章

Html基础知识点整理

HTML,CSS,JS个别知识点总结

HTML5常用标签总结

前端知识总结(HTML CSS Javascript)

前端知识总结(HTML CSS Javascript)

第二 html/css总结