前言###
其實我完成作業的順序有點問題，按理說應該是從簡單的入手，但我卻先完成了試卷篇。不過在那次作業中已經有了對于列表的理解，這次寫起來也就So Easy了。
作業簡述###
作業分析###
有目標圖片我們可以很快得出這樣一個事實：這個列表嵌套了三層。最外層是一個由兩項內容組成的無序列表，對于最外層的每項中嵌套了一個有序列表，最內層，也就是有序列表的每項中又套著一個無序列表。
值得注意的是最外層的兩項結構是完全一樣的！！！
那就意味著我們完成其中一項的代碼編寫后，另一項基本可以采用Ctrl+c、Ctrl+v來完成，然后我們再看，次外層的有序列表的兩項結構也是一致的，那么實際的HTML代碼需要完全手動書寫的只有看上的的四分之一。（其中的無序列表還可以再分，只是太簡單了，沒必要。。。這大概算是偷懶了。。。）
實際需要編寫HTML代碼的部分，其他的代碼可以通過復制+修改文本內容完成
分析到這里，就可以動手寫代碼了。
我的HTML代碼###
<html>
<body>
<ul>
<li>
<div>JavaScript</div>
<div>
<ol>
<li>
<div>第一章</div>
<div>
<ul>
<li>const</li>
<li>let</li>
</ul>
</div>
</li>
<li>
<div>第二章</div>
<div>
<ul>
<li>function</li>
<li>package</li>
</ul>
</div>
</li>
</ol>
</div>
</li>
<li>
<div>Java</div>
<div>
<ol>
<li>
<div>第一章</div>
<div>
<ul>
<li>class</li>
<li>package</li>
</ul>
</div>
</li>
<li>
<div>第二章</div>
<div>
<ul>
<li>private</li>
<li>public</li>
</ul>
</div>
</li>
</ol>
</div>
</li>
</ul>
</body>
</html>
效果如圖：
效果圖1
可以看到，還是存在類似試卷篇中的縮進問題。。。不過這并不是什么大問題，之后使用CSS，應該可以解決。
至于字體，應該和瀏覽器有關，同樣的代碼，我在FireFox上打開就是下圖效果：
效果圖2
明顯更為飽滿一些。
總結###
最后，再總結一下列表的使用。
列表相關標簽常用的有三個
| 標簽 | 作用 |
|---|---|
| ol | 生成有序列表 |
| ul | 生成無序列表 |
| li | 生成表項 |
要是覺得不夠用，可以在記一個type屬性，在使用無序列表時，可以用來改變表項前符號的形狀；使用有序列表時，可以改變序號的類型（阿拉伯數字或羅馬數字等）。
注：對于代碼中的大量<div>使用的原因，是之前聽別人講，這個可以用來表達出作者的寫代碼的邏輯，所以就嘗試了一下。不過現在看著，我自己是能理解里面的邏輯關系，不知道讀者能不能看懂。若不能，希望可以提一些意見或者建議，謝謝~
