网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

HTML有序列表如何使用

这篇文章主要介绍“HTML有序列表如何使用”,在日常操作中,相信很多人在HTML有序列表如何使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”HTML有序列表如何使用”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

创新互联建站专注于绥芬河网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供绥芬河营销型网站建设,绥芬河网站制作、绥芬河网页设计、绥芬河网站官网定制、小程序定制开发服务,打造绥芬河网络公司原创品牌,更为您提供绥芬河网站排名全网营销落地服务。

HTML

    标签定义了一个有序列表。有序列表可以是数字的或字母的。

    有序的 HTML 列表

    有序列表以

      标签开头。每个列表项都以
    1. 标记开头。

      默认情况下,列表项将用数字标记:

          
      1. Coffee
      2.   
      3. Tea
      4.   
      5. Milk

      有序 HTML 列表 - 类型属性

      标签的type属性

        ,定义了列表项标记的类型:

        TypeDescription
        type="1"The list items will be numbered with numbers (default)
        type="A"The list items will be numbered with uppercase letters
        type="a"The list items will be numbered with lowercase letters
        type="I"The list items will be numbered with uppercase roman numbers
        type="i"The list items will be numbered with lowercase roman numbers

        数字:

        
          
      1. Coffee
      2.   
      3. Tea
      4.   
      5. Milk

      大写字母:

      
        
    2. Coffee
    3.   
    4. Tea
    5.   
    6. Milk

    小写字母:

    
      
  1. Coffee
  2.   
  3. Tea
  4.   
  5. Milk

大写罗马数字:


  
  • Coffee
  •   
  • Tea
  •   
  • Milk
  • 小写罗马数字:

    
      
  • Coffee
  •   
  • Tea
  •   
  • Milk
  • 控制列表计数

    默认情况下,有序列表将从 1 开始计数。如果要从指定的数字开始计数,可以使用该start属性:

    例子

    
      
  • Coffee
  •   
  • Tea
  •   
  • Milk
  • 嵌套的 HTML 列表

    列表可以嵌套(列表中的列表):

    例子

        
    1. Coffee
    2.   
    3. Tea    
              
      1. Black tea
      2.       
      3. Green tea
      4.     
        
    4.   
    5. Milk

    到此,关于“HTML有序列表如何使用”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


    当前题目:HTML有序列表如何使用
    网站网址:http://bjjierui.cn/article/ghiohd.html

    其他资讯