HTML列表使用实例分析

今天小编给大家分享一下HTML列表使用实例分析的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

为铅山等地区用户提供了全套网页设计制作服务,及铅山网站建设行业解决方案。主营业务为成都网站制作、网站建设、铅山网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

1).有序列表

以标签ol为主体,li为父目录,具体表现为:

  1. 任性
  2. 90后
  3. boy
  • 90后
  • boy
  • 任性
  • 90后
  • boy
  • 任性
  • 90后
  • boy
  • 任性
  • 90后
  • boy
  • 任性
  • 90后
  • boy
  • 任性
  • HTML列表使用实例分析

    可以看出有序列表支持多种排序前缀,它就好比Word中的项目符号一样。

    2).无序列表

    与有序列表唯一不同的就是没有数字也没有字母,只有图形,也是犹如项目符号一样。

       
    • 任性
    •  
    • 90后
    •  
    • boy
     
  • 90后
  •  
  • boy
  •  
  • 任性
  •  
  • 90后
  •  
  • boy
  •  
  • 任性
  •  
  • 90后
  •  
  • boy
  •  
  • 任性
  • HTML列表使用实例分析

    可以看出无序列表的默认项目符号就是类型就是黑圆圈

    3).自定义列表

    1
      
    计算机
      
    2
      
    电脑
      
    3
      
    PC

    HTML列表使用实例分析

    可以看到自定义列表由我们自己定义列表项目符号,项目的内容

    以上就是“HTML列表使用实例分析”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。


    当前文章:HTML列表使用实例分析
    本文地址:http://cdiso.cn/article/ieppgg.html

    其他资讯