极速网站
申请会员 文章投稿 ACCP教程网公告:
搜索: 您的位置主页>图文教程>网页教程>html教程>

html有序列表OL

2008-05-08 12:02:45 来源:互联网 作者: 收藏本页 点击:
有序列表和无序列表的使用格式基本相同,它使用标签<ol></ol>,每一个列表项前使用<li>。<ol>列表的结果是带有前后顺序之分的编号。如果插入和删除一个列表项,编号会自动调整。

   顺序编号的设置是由<ol>的两个属性type和start来完成的。start=编号开始的数字,如start=2则编号从2开始,如果从1开始可以省略,或是在<li>标签中设定value="n"改变列表行项目的特定编号,例如<li value="7">。type=用于编号的数字,字母等的类型,如type=a,则编号用英文字母。为了使用这些属性,把它们放在<ol>或<li>的的初始标签中。

有序列表type的属性

type 类 型 描 述
type=1 表示列表项目用数字标号(1,2,3...)
type=A 表示列表项目用大写字母标号(A,B,C...)
type=a 表示列表项目用小写字母标号(a,b,c...)
type=I 表示列表项目用大写罗马数字标号(Ⅰ,Ⅱ,Ⅲ...)
type=i 表示列表项目用小写罗马数字标号(i,ii,iii...)

格式1
    <ol type=编号类型 start=value>
        <li>第1项
        <li>第2项
        <li>第3项
    </ol>

格式2
    <ol>
        <li>第1项
        <li>第2项
        <li>第3项
    </ol>

实例

<html>
<head>
<title>有序列表</title>
</head>
<body>
    <ol>
        <li>默认的有序列表
        <li>默认的有序列表
        <li>默认的有序列表
    </ol>
    <ol  type=a start=5>
        <li>第1项
        <li>第2项
        <li>第3项
        <li value= 20>第4项
    </ol>
    <ol  type= I start=2>
        <li>第1项
        <li>第2项
        <li>第3项
    </ol>
</body>
</html>

效果:

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



标签:
评论总数:0 [ 发布评论 ] 网友评论
关于我们 - 版权声明 - RSS订阅 - 网站地图 - 网站帮助 成都水货手机网