列表就相當於去超市購物時的那個購物清單，
在HTML也可以創建列表，在網頁中一共有三種列表：
1.無序列表
2.有序列表
3.定義列表
無序列表
- 使用ul標簽來創建一個無序列表
- 使用li在ul中創建一個一個的列表項，
一個li就是一個列表項
通過type屬性可以修改無序列表的項目符號
可選值：
disc，默認值，實心的圓點
square，實心的方塊
circle，空心的圓
注意：默認的項目符號我們一般都不使用！！
如果需要設置項目符號，則可以采用為li設置背景圖片的方式來設置
ul和li都是塊元素
有序列表
有序列表和無序列表類似，只不過它使用ol來代替ul
有序列表使用有序的序號作為項目符號
type屬性，可以指定序號的類型
可選值：
1，默認值，使用阿拉伯數字
a/A 采用小寫或大寫字母作為序號
i/I 采用小寫或大寫的羅馬數字作為序號
ol也是塊元素
列表之間都是可以互相嵌套，可以在無序列表中放個有序列表
也可以在有序列表中放一個無序列表
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
作者：1213854220@qq.com
時間：2017-04-10
描述：無序列表
-->
<ul type="circle">
<li>今夕何夕兮，搴舟中流。</li>
</ul>
<ul type="disc">
<li>今日何日兮，得與王子同舟。</li>
</ul>
<ul type="square">
<li>蒙羞被好兮，不訾詬恥。</li>
</ul>
<!--
作者：1213854220@qq.com
時間：2017-04-10
描述：有序列表
-->
<ol type="1">
<li>今夕何夕兮，搴舟中流。</li>
<li>今夕何夕兮，搴舟中流。</li>
</ol>
<ol type="a">
<li>今日何日兮，得與王子同舟。</li>
<li>今日何日兮，得與王子同舟。</li>
</ol>
<ol type="A">
<li>蒙羞被好兮，不訾詬恥。</li>
<li>蒙羞被好兮，不訾詬恥。</li>
</ol>
<ol type="i">
<li>心幾煩而不絕兮，得知王子</li>
<li>心幾煩而不絕兮，得知王子</li>
</ol>
<ol type="i">
<li>山有木兮木有枝，心悅君兮君不知。</li>
<li>山有木兮木有枝，心悅君兮君不知。</li>
</ol>
<!--
作者：1213854220@qq.com
時間：2017-04-10
描述：無序嵌套有序
-->
<ul type="circle">
<li>
<ol>
<li type="1">今夕何夕兮</li>
<li>搴舟中流。</li>
</ol>
<li>今夕何夕兮，搴舟中流。</li>
</ul>
<ol type="A">
<li>
<ul>
<li>今夕何夕兮</li>
<li>搴舟中流。</li>
</ul>
<li>今夕何夕兮，搴舟中流。</li>
</ol>
</body>
</html>
結果：
