当前位置:   article > 正文

HTML有序列表(OL)_有序列表html表示

有序列表html表示

HTML有序列表(OL)

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

基本语法:      

<ol>

    <li>项目1</li>

    <li>项目2</li>

    <li>项目3</li>

</ol>

有序列表的属性标记:<type >、<start>

基本语法:     

<ol type=value1 start=value2>

    <li>项目1</li>

    <li>项目2</li>

    <li>项目3</li>

</ol>

value1表示有序列表项目符号的类型, value2表示项目开始的数值. start是编号开始的数字,如start=2则编号从2开始,如果从1开始可以省略,或是在<li>标签中设定value="n"改变列表行项目的特定编号,例如<li value="7">。type=用于编号的数字,字母等的类型,如type=a,则编号用英文字母。使用这些属性,把它们放在<ol>或<li>的的初始标签中。

有序列表type的属性包括(下图):

有序列表示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
< html >
< head >
< title >有序列表示例</ title >
</ head >
< body >
     < ol >
         < li >默认的有序列表</ li >
         < li >默认的有序列表</ li >
         < li >默认的有序列表</ li >
     </ ol >
     < ol   type = a  start = 2 >
         < li >第1项</ li >
         < li >第2项</ li >
         < li >第3项</ li >
         < li  value= 20>第4项</ li >
     </ ol >
     < ol   type= I  start = 2 >
         < li >第1项</ li >
         < li >第2项</ li >
         < li >第3项</ li >
     </ ol >
</ body >
</ html >

运行结果:


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

闽ICP备14008679号