HTML&CSS基础学习笔记14—有序列表及列表嵌套-创新互联

我们上篇讲到了无序列表,那么今天就来看看有序列表和他们的组合嵌套使用吧。

公司主营业务:成都网站设计、做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出鹰潭免费做网站回馈大家。

有序列表

现在我们要做那堆杂事了,但是发现这么多杂事,先做哪个好呢?于是我们给这堆杂事弄个优先级排序,让我们能够按照顺序做下去。HTML里用

    标签来表示有序列表,
      标签的列表项依然是用
    1. 标签表示。

      它的代码模板是这样的:

               
      1.        
      2.        ...  

      看看他的具体代码实现是怎样的吧:

            
            
          使用有序列表      

      为有序列表添加列表项

        
               
      1. 开会
      2.        
      3. 写报告
      4.        
      5. 睡觉
      6.      
          

      浏览器结果是:

      HTML&CSS基础学习笔记14—有序列表及列表嵌套

      列表嵌套

      我们知道标签是可以嵌套的,所以列表也是可以嵌套的。当我们列表中的某些列表项是列表时,我们就可以用嵌套。

      现在就通过一个例子来看看无序列表和有序列表是如何嵌套使用的吧:

            
            
          使用有序列表和无序列表      

      省份城市

        
               
      • 安徽省
      •        
      • 北京市
      •        
      • 重庆市
      •        
      • 福建省
      •        
      • 甘肃省           
                         
        • 兰州市
        •                
        • 嘉峪关市
        •                
        • 金昌市
        •            
               
      •   
          

      结果是怎样的呢?不妨前去http://www.mayacoder.com/lesson/lesson?lesson_id=31&knowledge_id=4 体验看看吧。

      结果如下:

      HTML&CSS基础学习笔记14—有序列表及列表嵌套

      创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


      网站名称:HTML&CSS基础学习笔记14—有序列表及列表嵌套-创新互联
      转载来源:http://pwwzsj.com/article/dijsdi.html