HTML实现有序列表和无序列表

作者: Yvette14 | 来源:发表于2016-12-07 17:42 被阅读0次

先看看效果图

ul和ol

在HTML众多标签里，ul是无序列表标签，ol是有序列表标签，它们可以相互嵌套使用，而效果图中最外层的JavaScript和Java就是一个ul，在每个ul里嵌套了两个ol，在每个ol中又嵌套了两个ul，话不多说，上代码！

源码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ul>
        <li>JavaScript
            <ol>
                <li>第一章
                    <ul>
                        <li>const</li>
                        <li>let</li>
                    </ul>
                </li>
                <li>第二章
                    <ul>
                        <li>function</li>
                        <li>object</li>
                    </ul>
                </li>
            </ol>
        </li>
        <li>Java
            <ol>
                <li>第一章
                    <ul>
                        <li>class</li>
                        <li>package</li>
                    </ul>
                </li>
                <li>第二章
                    <ul>
                        <li>private</li>
                        <li>public</li>
                    </ul>
                </li>
            </ol>
        </li>
    </ul>
</body>
</html>

有不懂的地方可以留言～
3Q～