先看看效果图

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~