html项目列表类型值,HTML有序列表

示例

可以使用

  1. 标记创建有序列表,并且可以使用标记创建每个列表项
  2. ,如下例所示:
    1. Item
    2. Another Item
    3. Yet Another Item

    这将产生一个编号列表(这是默认样式):项目

    另一个项目

    另一个项目

    手动更改数字

    有几种方法可以使数字显示在有序列表的列表项中。第一种方法是使用start属性设置起始号码。该列表将从此定义的数字开始,然后像往常一样继续增加一。

    1. Item
    2. Some Other Item
    3. Yet Another Item

    这将产生一个编号列表(这是默认样式):项目

    其他一些项目

    另一个项目

    您还可以将某个列表项显式设置为特定编号。具有指定值的一个之后的其他列表项将继续从该列表项的值开始加一,而忽略父列表的位置。

  3. 还值得注意的是,通过value直接在列表项上使用属性,您可以通过以较低的值重新开始编号来覆盖有序列表的现有编号系统。因此,如果父列表已经达到值7,并且遇到了值为4的列表项,则该列表项仍将显示为4并从该点继续计数。

    1. Item
    2. Some Other Item
    3. A Reset Item
    4. Another Item
    5. Yet Another Item

    因此,上面的示例将产生一个遵循5、6、4、5、6编号模式的列表-再次从比前一个数字低的数字开始,并复制列表中的数字6。

    注:该start和value属性只接受一个数字-即使有序列表设置为显示为罗马数字或字母。

    5

    您可以通过添加扭转编号reversed在你的ol元素:

    1. Item
    2. Some Other Item
    3. A Reset Item
    4. Another Item
    5. Yet Another Item

    如果您要不断添加到列表(例如新的Podcast情节或演示文稿),并且希望最新的项目优先出现,则反向编号会很有用。

    更改数字类型

    您可以使用type属性轻松更改列表项标记中显示的数字类型

    1. 类型描述例子1默认值-十进制数1,2,3,4

    a按字母顺序排列(小写)A B C D

    A按字母顺序排列(大写)A B C D

    i罗马数字(小写)i,ii,iii,iv

    I罗马数字(大写)一,二,三,四您应该使用ol来显示项目列表,这些项目已被有意订购,并且应强调订购。如果更改项目的顺序不会使列表不正确,则应使用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值