一. 初步了解####
先簡單了解下（有序列表）和（無序列表）的實現(xiàn)吧避矢。
無序列表
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
瀏覽器顯示如下：
Coffee
Milk
有序列表
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
瀏覽器顯示如下：
1.Coffee
2.Milk
ul 和 li 列表項內(nèi)部也可使用段落、換行符、圖片停士、鏈接以及其他列表等挖帘。
二 .列表任務(wù)####
1 預(yù)期完成圖
預(yù)期完成圖.png
2 DOM樹
為了分解上述任務(wù)的結(jié)構(gòu)，我畫了個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>
這樣蜻底，就完成了上述列表骄崩。
總結(jié)：
-在官網(wǎng)上學(xué)到基礎(chǔ)概念
-解決任務(wù)學(xué)會了 任務(wù)分解+代碼實現(xiàn)
-寫博客可以可視化自己的思路，方便以后查看
每天都努力一點
謝謝你看完
