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 />