1.什麼是列表標簽？ 列表標簽的作用：給一堆數據添加列表語義，也就是告訴搜索引擎，告訴瀏覽器這一堆數據是一個整體 2.HTML列表標簽的分類 2.1無序列表（企業開發中用到最多）（unordered list） 2.2有序列表 (企業開發中用的最少) （ordered list） 2.3定義列表 ( ...
1.什麼是列表標簽？
列表標簽的作用：給一堆數據添加列表語義，也就是告訴搜索引擎，告訴瀏覽器這一堆數據是一個整體
2.HTML列表標簽的分類
2.1無序列表（企業開發中用到最多）（unordered list）
2.2有序列表 (企業開發中用的最少) （ordered list）
2.3定義列表 (企業開發中用的其次多) (definition list)
3.無序列表作用:
給一堆數據添加列表語義，並且這一堆數據中所有的數據都沒有先後之分
什麼叫有先後之分？
例如：排行榜
什麼叫沒有先後之分？
例如：中國有哪些城市
4.無序列表格式
<ul>
<li>需要顯示的條目內容</li>
</ul>
li其實是英文list item的縮寫
list是列表的意思，item是條目的意思，所以結合起來就是列表條目的意思
5.註意點
- 一定要記住ul標簽是用來給一堆數據添加列表語義的，而不是用來給它們添加小圓點的
- 如何去除小圓點？
<head>
<style type="text/css">
ul {
list-style:none;
}
</head>
- 為什麼企業開發中有序列表用的非常少？
因為有序列表能做的無序列表也能做，如在無序列表中添加序號：
<ul>
<li>1.廣州</li>
<li>2.北京</li>
<li>3.上海</li>
<li>4.武漢</li>
</ul>
2.ul標簽和li標簽是一個整體，是一個組合，所以一般情況下ul標簽和li標簽都是一起出現，不會單個出現，也就是說不會單獨使用一個ul標簽或者單獨使用一個li標簽，都是結合在一起使用。
3.由於ul標簽和li標簽是一個組合，所以ul標簽中不推薦包含其它標簽，也就是說以後你在ul標簽中只會看到li標簽。
<ul>
<h2>中國的城市有哪些</h2>
<li></li>
<li></li>
</ul>
這種寫法是不提倡的
- 無序列表應用場景：
- 新聞列表
- 商品列表
- 導航條
有人說導航條是橫著的，列表是豎著的，無法出現這種效果，其實是可以的，但是需要用到css，在<head></head>之間寫
li {
float:left;
background-color:yellow;
width:150px;
height:50px;
text-align:center;
line-height:50px;
}
