无序列表ul
1.無序列表含義
給一堆數據添加列表語義并且這一堆數據都無先后之分，是使用最多的列表，定義列表其次，有序列表最少（可以用無序列表來實現）。
英文：unordered list
2.無序列表格式
<h2>標題</h2> <ul><li>內容</li> </ul>3.舉例說明
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>ul標簽-無序列表</title> </head> <body> <h2>中國城市</h2> <ul><li>北京</li><li>上海</li><li>安徽</li><li>湖南</li> </ul> </body> </html>顯示內容如下：
4.注意
（1）ul標簽是用來給一堆數據添加列表語義的，而不是給他們添加小圓點的。（小圓點可在css中刪除）；
（2）ul標簽和li標簽是一個整體，所以一般情況下ul標簽和li標簽都是一起出現的，不會單獨使用；
（3）注意li:li其實是list item（列表條目）的縮寫。
5.應用場景
（1）新聞列表
（2）商品列表
（3）導航條
6.通過css來改變無序列表樣式
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>ul標簽-無序列表</title><!--css改變無序列表樣式--><style type="text/css">ul{list-style: none;}li{background-color: #01AAED;height: 50px;width: 150px;/*將無序列表改成導航條樣式*/float: left;text-align: center;line-height: 50px;}</style> </head> <body> <h2>中國城市</h2> <ul><li>北京</li><li>上海</li><li>安徽</li><li>湖南</li> </ul> </body> </html>顯示頁面如下：
這是簡單來實現一下，不要介意，方便讀者更好理解。
總結
- 上一篇： 开源：Taurus.MVC 框架
- 下一篇： 闭关修炼中