一. 初步了解####
先简单了解下（有序列表）和（无序列表）的实现吧。
无序列表
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
浏览器显示如下：
Coffee
Milk
有序列表
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
浏览器显示如下：
1.Coffee
2.Milk
ul 和 li 列表项内部也可使用段落、换行符、图片、链接以及其他列表等。
二 .列表任务####
1 预期完成图
预期完成图.png
2 DOM树
为了分解上述任务的结构，我画了个DOM树图。
DOM树图.png
3 有了DOM树图，代码很好编写，如下
<div>
<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>
</div>
这样，就完成了上述列表。
总结：
-在官网上学到基础概念
-解决任务学会了 任务分解+代码实现
-写博客可以可视化自己的思路，方便以后查看
每天都努力一点
谢谢你看完
