HTML-有序/无序列表-2018.06.26

有序/无序列表


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

学习内容:

无序列表标签命令 <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进行排序,是这样操作的,列表的排序我竟然也可以自己操作啦,很开心!贵在积累!!加油!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容