HTML 列表标签支持有序、无序和定义列表。
列表标签表格：
一无序列表
无序列表是一个项目的列表。无序列表项开始于 <ul> 标签，结束于</ul>标签。每个列表项开始于 <li>标签，结束于</li>标签。列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。在这里只是基础的文字来演示。
[html] view plaincopyprint?
1.<html>
2. <head>
3. <title>列表标签演示</title>
4. </head>
5. <body>
6. <h1>这是一个无序列表标签演示</h1>
7. <ul>
8. <li>苹果</li>
9. <li>香蕉</li>
10. <li>葡萄</li>
11. <li>西瓜</li>
12. <li>荔枝</li>
13. </ul>
14. </body>
15.</html>
浏览器结果显示为：
二有序列表
同样，有序列表也是一列项目，列表项目使用数字，字母等进行标记。有序列表开始于 <ol> 标签，结束于</ol>标签。每个列表项始于 <li> 标签，结束于</li>标签。列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
[html] view plaincopyprint?
1.<html>
2. <head>
3. <title>列表标签演示</title>
4. </head>
5. <body>
6. <h1>这是一个有序列表标签演示</h1>
7. <ol type="a"><!--利用标签的属性设置属性值，从a开自增长-->
8. <li>苹果</li>
9. <li>香蕉</li>
10. <li>葡萄</li>
11. <li>西瓜</li>
12. <li>荔枝</li>
13. </ol>
14. </body>
15.</html>
浏览器结果显示为：
[html] view plaincopyprint?
1.<html>
2. <head>
3. <title>列表标签演示</title>
4. </head>
5. <body>
6. <h1>这是一个有序列表标签演示</h1>
7. <ol type="1"><!--利用标签的属性设置属性值，从1开始自增长-->
8. <li>苹果</li>
9. <li>香蕉</li>
10. <li>葡萄</li>
11. <li>西瓜</li>
12. <li>荔枝</li>
13. </ol>
14. </body>
15.</html>
浏览器结果显示为：
三定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以 <dl> 标签开始，结束于</dl>标签。每个自定义列表项以 <dt> 开始，结束于</dt>标签。每个自定义列表项的定义以 <dd> 开始，结束于</dd>标签。定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
[html] view plaincopyprint?
1.<html>
2. <head>
3. <title>列表标签演示</title>
4. </head>
5. <body>
6. <h1>这是一个定义列表标签演示</h1>
7. <!--HTML注释：演示列表标签
8. 列表标签：dl
9. 上层项目：dt
10. 下层项目：dd：封装的内容是会被缩进的，有自动缩进的效果。
11. -->
12. <dl>
13. <dt>游戏名称</dt>
14. <dd>红色警戒</dd>
15. <dd>三国无双</dd>
16. <dd>反恐精英</dd>
17. <dd>街头篮球</dd>
18. </dl>
19. </body>
20.</html>
浏览器结果显示为：
对于列表标签，可以自己和自己嵌套，也可以和其他的列表标签嵌套。
優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質服務" 的經(jīng)營理念，誠信務實的服務了近萬家客戶，成為眾多世界500強、集團和上市公司的長期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設、網(wǎng)站與各類業(yè)務系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設（品牌展示型、官方門戶型、營銷商務型、電子商務型、信息門戶型、微信小程序定制開發(fā)、移動端應用（手機站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應用服務。
責任編輯：優(yōu)網(wǎng)科技
版權所有：http://www.jcoyc.com (優(yōu)網(wǎng)科技) 轉載請注明出處
公安局備案號：
專屬顧問
