web前端之HTML中的列表

1，无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于 <ul> 标签。每个列表项始于 <li>。

 

2，有序列表

同样，有序列表也是一列项目，列表项目使用数字进行标记。

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

 

3，定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

 

程序演示：

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>列表</title>
 6         
 7     </head>
 8     <body >
 9         <ul type="square">
10             <li>列表1</li>
11             <li>列表2</li>
12             <li>列表3</li>
13             <li>列表4</li>
14         </ul>
15         <ol type="I">
16             <li>列表1</li>
17             <li>列表2</li>
18             <li>列表3</li>
19             <li>列表4</li>
20         </ol>
21         
22         <ul>
23               <li>咖啡</li>
24               <li>茶
25                 <ul>
26                     <li>红茶</li>
27                     <li>绿茶</li>
28                 </ul>
29               </li>
30   <li>牛奶</li>
31 </ul>
32         <dl>
33             <dt>猪嗜血</dt>
34             <dd>高数</dd>
35         </dl>
36     </body>
37 </html>

 

posted @ 2015-10-25 17:29  逍遥鸣  阅读(919)  评论(0)  编辑  收藏  举报