1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>列表标签</title>
6 </head>
7 <body>
8 <h1>有序列表</h1>
9 <!-- 有序列表：在网页上定义一个有编号的列表可以用<ol>、<li> 配合使用，快捷方式：ol>li*3 tab键 -->
10 <ol>
11 <li>列表文字一</li>
12 <li>列表文字二</li>
13 <li>列表文字三</li>
14 </ol>
15
16
17 <!-- 无序列表：在网页上定义一个无编号的内容列表可以用<ul>、<li>配合使用,快捷方式：ul>(li>a{新闻标题})*3 tab键 -->
18 <ul>
19 <li><a href="#">新闻标题一</a></li>
20 <li><a href="#">新闻标题二</a></li>
21 <li><a href="#">新闻标题三</a></li>
22 </ul>
23 <!-- 定义列表：定义列表通常用于术语的定义。<dl>标签标示列表的整体.<dt>定义术语的题目。<dd>标签是术语的解释。一个<dl>中可以有多个题目和解释 ,快捷方式：dl>(dt+dd)*3-->
24 <dl>
25 <dt>html</dt>
26 <dd>负责页面结构</dd>
27 <dt>css</dt>
28 <dd>负责页面表现</dd>
29 <dt>javascript</dt>
30 <dd>负责页面的行为</dd>
31 </dl>
32 </body>
33 </html><br />
