HTML学习之路04-列表标签

最新推荐文章于 2024-10-04 06:11:34 发布

QEcode

最新推荐文章于 2024-10-04 06:11:34 发布

阅读量546

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/QEcode/article/details/78027085

版权

html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>列表标签</title>
    </head>
    <!-- 
        无序列表：<ul></ul>
        有序列表:<ol></ol>  
        无序列表和有序列表都是通过   <li></li>来显示文字
        都可以通过改变type的值来改变文字前的标记
     -->
    <body>
        <h1>无序列表</h1>
        <ul type="circle">
            <li>中国
                <ul>
                    <li>北京
                        <ul>
                            <li>大兴区</li>
                            <li>海淀区</li>
                            <li>通州区</li>
                        </ul>
                    </li>
                    <li>上海</li>
                    <li>广州</li> 
                </ul>   
            </li>
            <li>美国</li>
            <li>日本</li>
        </ul>

        <h1>有序标签</h1>
        <ol type="A">
            <li>中国
                <ol>
                    <li>北京
                        <ol>
                            <li>大兴区</li>
                            <li>海淀区</li>
                            <li>通州区</li>
                        </ol>
                    </li>
                    <li>上海</li>
                    <li>广州</li> 
                </ol>   
            </li>
            <li>美国</li>
            <li>日本</li>
        </ol>

    </body>
</html>