第七节 列表标签 

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

 

posted @ 2020-03-05 14:48  kog_maw  阅读(139)  评论(0)    收藏  举报