当前位置:   article > 正文

html 有序无序列表,无序列表、有序列表和定义列表

html的有序和无序

一、html无序列表

无序列表是一个没有顺序的列表项目,在各条列前面使用●□◇◆等符号以示区隔。

html无序列表始于

  • 标签。每个列表项始于
  • ;无序列表的type属性有三个数值可选,这三个选项分别为:disc实心园、circle空心园、square小方块。默认属性是disc实心园。

    基本语法:

    项目1

项目2

项目3

value值为项目符号的类型(type类型),无序列表的type类型有:

1.png

html无序列表代码实例:

html---无序列表
  • 默认的无序列表
  • 默认的无序列表
  • 默认的无序列表

添加circle属性

添加circle属性

添加circle属性

添加square属性

添加square属性

添加square属性

效果图:

1.jpg

也可以使用csslist-style-type属性定义上图的html无序列表样式。

二、html有序列表

有序列表是一列按照字母或数字等顺序排列的列表项目,注意有序列表的结果是带有前后顺序之分的编号,如果插入和删除一个列表项,编号会自动调整。

html有序列表始于

  1. 标签。每个列表项始于
  2. 标签。

    基本语法:

  3. 项目1
  4. 项目2
  5. 项目3

value1表示有序列表项目符号的类型(type类型),value2表示项目开始的数值.start是编号开始的数字,如start=2则编号从2开始,如果从1开始可以省略,或是在

标签中设定value="n"改变列表行项目的特定编号,例如。type=用于编号的数字,字母等的类型,如type=a,则编号用英文字母。使用这些属性,把它们放在
  1. 的的初始标签中。

    有序列表type类型有:

    2.png

    html有序列表代码实例:

    html---有序列表
    1. 默认的有序列表
    2. 默认的有序列表
    3. 默认的有序列表
  2. 第1项
  3. 第2项
  4. 第3项

第4项

第1项第2项第3项

2Q==

u=1510886367,3208044294&fm=72

本文转载自中文网

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/328964?site
推荐阅读
相关标签
  

闽ICP备14008679号