美文网首页
HTML-有序/无序列表-2018.06.26

HTML-有序/无序列表-2018.06.26

作者: 侯小强2018 | 来源:发表于2018-07-03 21:06 被阅读0次

    有序/无序列表


    要求:掌握有序与无序列表的基本样式
    重点:对于命令标签的掌握和记忆
    难点:掌握基本命令真的不难啦
    易错:将有序,无序列表命令混淆

    学习内容:

    无序列表标签命令 <ul> </ul>
    有序列表标签命令 <ol> </ol>
    标签内容:<li> 这里输入内容</li>`

    实际操作(无序标签):

    <body>
            <ul>
                <li>第一条</li>
                <li>第二条</li>
                <li>第三条</li>
            </ul>
    </body>
    

    显示结果:

    这是无序标签的显示结果

    实际操作(有序标签):

    <body>
            <ol>
                <li>第一条</li>
                <li>第二条</li>
                <li>第三条</li>
            </ol>
    </body>
    

    显示结果:

    有序标签显示结果

    心得体会:

    原来生活中简单的输入123进行排序,是这样操作的,列表的排序我竟然也可以自己操作啦,很开心!贵在积累!!加油!

    相关文章

      网友评论

          本文标题:HTML-有序/无序列表-2018.06.26

          本文链接:https://www.haomeiwen.com/subject/mpljuftx.html