html中列表的认识和使用_html 调用列表

列表是一系列内容的集合，列表分为无序列表、有序列表、自定义列表

1.无序列表ul，列表项li，无序列表特点：在每个列表项li前面，会有实心圆点

<ul>

        <li>苹果</li>

        <li>西瓜</li>

        <li>柚子</li>

    </ul>

  属性：
       type="disc"实心圆点
       type="square"实心方形

<ul type="square">

        <li>苹果</li>

        <li>西瓜</li>

        <li>柚子</li>

    </ul>

       

       

      type="circle"空心圆

<ul type="circle">

        <li>苹果</li>

        <li>西瓜</li>

        <li>柚子</li>

    </ul>

       

注意：html5文件不推荐使用type属性，请使用样式取代它

 2.有序列表ol ， 列表项li，有序列表特点：在每个列表项li前面，会有数字1234    

       属性：
       type="1"数字

    <ol type="1">

        <li>孙悟空</li>

        <li>猪八戒</li>

        <li>沙僧</li>

        <li>白龙马</li>

    </ol>

       

      type="a"小写字母

<ol type="a">

        <li>孙悟空</li>

        <li>猪八戒</li>

        <li>沙僧</li>

        <li>白龙马</li>

    </ol>

      

       type="A"大写字母

      

     type="i"小写罗马符号

       type="I"大写罗马符号

嵌套列表：在列表项li中可以嵌套使用列表

<ul>

        <li>安徽省

            <ul>

                <li>合肥市

                    <ul>

                        <li>蜀山区</li>

                        <li>瑶海区</li>

                        <li>政务区</li>

                    </ul>

                </li>

                <li>安庆市</li>

                <li>芜湖市</li>

                <li>淮南市</li>

            </ul>

        </li>

        <li>湖北省

            <ul>

                <li>武汉市</li>

                <li>黄冈市</li>

            </ul>

        </li>

    </ul>

3.  自定义列表dl：
       dt定义项目列表标题
       dd定义列表中内容

<dl>

        <dt>平凡的世界</dt>

        <dd>是路遥老师创作的一部百万字长篇巨著,在70~80年代的背景上,劳动与爱情、挫折与追求、痛苦与欢乐、日常生活与巨大社会冲突纷繁地交织在一起。</dd>

    </dl>