Dreamweaver | Flash | Photoshop | Fireworks | Asp | Asp.net | Css/HTML | 矢量教程 | Access | Sql Server
网页设计视频教程

你的位置:首页>>HTML学习教程>>有序列表<OL>

有序列表<OL>

发表时间:2006-11-19 18:36:03浏览次数:

    有序列表和无序列表的使用格式基本相同,它使用标签<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>

实例5-2.html

<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>

网站建设服务 - 友情链接 - 意见建议 - 联系站长 - 论坛 - 网站导航
Copyright 2006-2007 zznj.com Inc. All Rights Reserved
Emai:skyzznj@126.com