上一節，我們學習了有序列表，這一節我們開始學習無序列表。無序列表，很好理解，有序列表的列表項是有一定順序的，而無序列表的列表項是沒有順序的。默認情況下，無序列表的項目符號是●，不過可以通過無序列表type屬性來改變無序列表的列表項符號。
語法：
<ul>
<li>無序列表項</li>
<li>無序列表項</li>
<li>無序列表項</li>
</ul>
說明：
<ul>，即“unordered list（無序列表）”。<li>，即“list（列表項）”。理解標簽語義更有利於你記憶，而記憶HTML標簽的語義是HTML的基礎。更多標簽語義請查看HTML標簽的含義。
在該語法中，使用<ul></ul>標簽表示一個無序列表的開始和結束，<li>表示這是一個列表項。在一個無序列表中可以包含多個列表項。
注意，<ul>標簽和<li>標簽也是配合使用，沒有單獨使用，而且<ul>標簽內部不能存在任何其他標簽，一般情況下只能存在<li>標簽（對於初學者，我們忽略嵌套列表）。這個概念要非常清楚，在網站開發後期很容易犯錯。（這個情況跟有序列表一樣）。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>無序列表</title>
</head>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Ajax</li>
<li>SEO</li>
<li>ASP.NET</li>
</ul>
</body>
</html>
在浏覽器預覽效果如下：
無序列表跟有序列表一樣，都有一個type屬性，用於控制列表項符號。我們可以改變type屬性值來調整列表項符號。
跟有序列表一樣，無序列表type屬性實現的效果同樣可以用CSS的list-style-type屬性實現，作為初學者我們可以先用一下type屬性，到時候學了CSS入門教程之後，我們直接摒棄type屬性，而全部改用CSS控制樣式。
語法：
<ul type="符號類型">
<li>無序列表項</li>
<li>無序列表項</li>
<li>無序列表項</li>
</ul>
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>無序列表</title>
</head>
<body>
<ul type="square">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Ajax</li>
<li>SEO</li>
<li>ASP.NET</li>
</ul>
</body>
</html>
在浏覽器預覽效果如下：
在網頁制作中，無序列表比有序列表更常用。無序列表大量存在，是HTML少有的極其重要的標簽。我們不說別的，就說一下 學習網都在哪些地方用到無序列表吧。
學習網使用到的無序列表
學習網的主導航、課程列表、圖片切換等等這些地方都用到了無序列表。看到這些，你跟你的小伙伴們都驚呆了吧。無序列表可以說是無處不在。可以說，凡是要列表型展示信息的地方都用到了無序列表。
我們可以看一下一些大網站都在哪裡使用到了無序列表：
百度使用到的無序列表
新浪使用到的無序列表
我們很多人都很疑惑那些效果是怎樣用無序列表做出來的？現在不懂沒關系，大家為了做出那麼美觀的效果，繼續努力前端技術吧。那可不是一天兩天能做出來的喔。
疑問1、無序列表ul元素內部的子元素是否只允許為li元素？
對的，ul元素的子元素只能是li，而不能是其他元素，對於ul內部的文本，也只能在li元素添加，而不能在li元素外部添加。
舉例1：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>無序列表</title>
</head>
<body>
<ul type="square">
前端最核心3個技術：
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</body>
</html>
分析：
上面代碼是錯誤的，因為文本不能直接放在ul元素內部。正確做法應該是這樣：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>無序列表</title>
</head>
<body>
前端最核心3個技術：
<ul type="square">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</body>
</html>
舉例2：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>無序列表</title>
</head>
<body>
<ul type="square">
<li>HTML</li>
<li>CSS</li>
<p>JavaScript</p>
</ul>
</body>
</html>
分析：
上面代碼也是錯誤的，ul元素內部的子元素只能是li元素，不能是其他元素，這裡用了p元素就不正確了。
總結1、無序列表是三個列表中最為重要的列表。
語法：
<ul type="列表項符號">
<li>無序列表項</li>
<li>無序列表項</li>
<li>無序列表項</li>
</ul>
學習了CSS之後，無序列表列表項符號由list-style-type屬性定義，到時候應該摒棄type屬性。