HTML中有序列表、无序列表和自定义列表的区别是什么-创新互联

HTML中有序列表、无序列表和自定义列表的区别是什么?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

成都创新互联是一家专业提供宾县企业网站建设,专注与成都做网站、网站制作、HTML5建站、小程序制作等业务。10年已为宾县众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

 在页面布局时,经常会用到列表,列表分为有序列表、无序列表和自定义列表,那你知道有序列表、无序列表和自定义列表之间的区别吗?

一、无序列表

    标签用来定义无序列表,将
      标签与
    • 标签一起使用,就可以创建无序列表。

      举例:用无序列表列举四大名著,代码如下:


      • 红楼梦
      • 水浒传
      • 三国演义
      • 西游记

      效果图:

      HTML中有序列表、无序列表和自定义列表的区别是什么

      无序列表属性type,默认的样式是小黑圆,就是disc,type属性有disc(实心圆默认)、circle(空心圆)、square(实心正方形)、none(取消前缀)。

      二、有序列表

        标签可以定义有序列表,将
          标签与
        1. 标签一起使用,就可以创建有序列表,列表排序以数字来显示。

          示范代码如下:

          1. 红楼梦
          2. 水浒传
          3. 三国演义
          4. 西游记

          效果图:

          HTML中有序列表、无序列表和自定义列表的区别是什么

          有序列表有两个属性,分别是type和start。 type有五个属性值:1、a、A、i、I(罗马数字),用来表示列表前缀的样式。start表示从type类型的第几个数字开始,比如当type=“a”,start=“4”,指选择的是小写字母类型,从第四个字母d开始列举。

          三、自定义列表

          标签可以定义描述列表,
          标签与
          一起使用,创建自定义列表(描述列表)。

          示范代码如下:

          中国四大名著
          红楼梦
          西游记
          水浒传
          三国演义

          效果图:

          HTML中有序列表、无序列表和自定义列表的区别是什么

          自定义列表(描述列表)中,在dt和dd中有了一个缩进。

          有序列表、无序列表和自定义列表的区别:

          有序列表和无序列表都有前缀,但是有序列表是大写字母、小写字母、数字和罗马数字等,而无序列表的前缀是实心圆、空心圆、实心正方形。自定义列表与有序列表,无序列表的区别是它有缩进而没有前缀。

          感谢各位的阅读!看完上述内容,你们对HTML中有序列表、无序列表和自定义列表的区别是什么大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道。

          另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


          网页题目:HTML中有序列表、无序列表和自定义列表的区别是什么-创新互联
          标题URL:http://cdiso.cn/article/dogseg.html

其他资讯