欢迎访问 生活随笔!

凯发ag旗舰厅登录网址下载

当前位置: 凯发ag旗舰厅登录网址下载 > 前端技术 > html >内容正文

html

html学习笔记2—列表与清单 -凯发ag旗舰厅登录网址下载

发布时间:2025/1/21 html 23 豆豆
凯发ag旗舰厅登录网址下载 收集整理的这篇文章主要介绍了 html学习笔记2—列表与清单 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

    html中,列表有三种类型:无序列表(符号列表)、有序列表(编号列表)、定义列表。

    一、无序号条例式清单

  •       1.格式:

            

                  

    •             

    •             …

                  

    •         

            

      无序条列清单的开始。
    表示结束。
  • 表示一个项目

            不能在

    中输入文字,必须要在中输入文字,才能显示在网页中。

            

    • 是块级元素,会自动换行。

            2.

      • 的属性

                属性名称     属性值                 说明

                type         disc                  实心圆(默认值)

                             circle                空心圆

                             square                实心方块

                style        list-style:none;      清除列表前的项目符号

                             jpadding-left:0px;    设置列表前缩进(0px表示是0像素)

                如:

          表示设置该列表所有项的项目符号为空心圆,左缩进为10像素

                      清除当前列表项前的缩进和项目符号

                3.列表嵌套:第一级默认实心圆,第二级默认空心圆,第三级默认实心方块

              二、有序号条例式清单

          1.       1.格式:

                    

                          

            1. 列表的项目
            2.             

            3. 列表的项目
            4.     

            5. 列表的项目
            6.     

            7. 列表的项目
            8.     

            9. 列表的项目
            10.     

            11. 列表的项目
            12.         

                    

              有序条列清单的开始。
            表示结束。
          2. 表示一个项目

                  2.

            1. 的属性

                      属性名称      属性值                    说明

                      type          1                      表示以1,2,3来表示

                                    a                      表示以a,b,c来表示

                                    a                      表示以a,b,c来表示

                                    i                      表示以i,ii ,iii 来表示

                                    i                      表示以i,ii,iii 来表示

                      style         list-style:none;       清除列表前的编号

                                    jpadding-left:0px;     设置列表前缩进(0px表示是0像素)

                      start         数字                   设置起始位置是第几位(

            2. 没有此属性)

                      如:

                表示列表的编号会从第六个大写字母f开始编号。

                            其他属性用法与

                  类似,不再赘述

                      三、叙述式清单(定义列表)

                        1.格式:

                          

                      

                  定义术语(项目标题)

                      

                  定义说明(标题小具体的内容)

                      

                  定义说明(标题小具体的内容)

                      

                  定义说明(标题小具体的内容)

                      

                  定义说明(标题小具体的内容)

                      

                  定义术语(项目标题)

                      

                  定义说明(标题小具体的内容)

                      

                  定义说明(标题小具体的内容)

                      

                  定义说明(标题小具体的内容)

                      

                  定义说明(标题小具体的内容)

                      

                  定义术语(项目标题)

                      

                  定义说明(标题小具体的内容)

                      

                  定义说明(标题小具体的内容)

                      

                  定义说明(标题小具体的内容)

                      

                  定义说明(标题小具体的内容)

                          

                          

                  叙述清单的开始    
                  表示一个项目    
                  表示一个项目下的更详细的内容

                  转载于:https://blog.51cto.com/raffaele/1553673

                  总结

                  以上是凯发ag旗舰厅登录网址下载为你收集整理的html学习笔记2—列表与清单的全部内容,希望文章能够帮你解决所遇到的问题。

                  如果觉得凯发ag旗舰厅登录网址下载网站内容还不错,欢迎将凯发ag旗舰厅登录网址下载推荐给好友。

网站地图