首页 > > 网页制作 > css >

2017-11-29 HTML5样式、链接和表格

2018-06-24 02:03:08来源：未知阅读 ()

HTML5样式、链接和表格
HTML5列表
<ol> 有序列表
<ul> 无序列表
<li> 列表项

<dl> 列表
<dt> 列表项
<dd> 描述
---------------
1.无序列表
使用<ul>、<li>
属性：disc、circle、square
2.有序列表
使用<ol>、<li>
属性：A、a、I、i、start
3.嵌套列表
使用<ul>、<ol>、<li>
4.自定义列表
使用<dl>、<dt>、<dd>

 1 <!doctype html>
 2 <html>
 3 <head>
 4     <meta charset = 'utf-8'>
 5     <title>HTML5样式、链接和表格</title>
 6 </head>
 7 <body>
 8     <a href = 'http://www.baidu.com '>百度</a><br/>
 9     <ul><!-- 无序-->
10         <li>苹果</li>
11         <li>雪梨</li>
12         <li>香蕉</li>
13     </ul>
14     <ul type = 'disc'><!-- 无序-->
15         <li>苹果</li>
16         <li>雪梨</li>
17         <li>香蕉</li>
18     </ul>
19     <ul type = 'circle'><!-- 无序-->
20         <li>苹果</li>
21         <li>雪梨</li>
22         <li>香蕉</li>
23     </ul>
24     <ul  type = 'square'><!-- 无序-->
25         <li>苹果</li>
26         <li>雪梨</li>
27         <li>香蕉</li>
28     </ul>
29     <ol ><!-- 有序-->
30         <li>苹果</li>
31         <li>雪梨</li>
32         <li>香蕉</li>
33     </ol>
34     <ol type = 'A'><!-- 有序-->
35         <li>苹果</li>
36         <li>雪梨</li>
37         <li>香蕉</li>
38     </ol>
39     <ol type = 'a'><!-- 有序-->
40         <li>苹果</li>
41         <li>雪梨</li>
42         <li>香蕉</li>
43     </ol>
44     <ol type = 'I'><!-- 有序-->
45         <li>苹果</li>
46         <li>雪梨</li>
47         <li>香蕉</li>
48     </ol>
49     <ol type = 'i'><!-- 有序-->
50         <li>苹果</li>
51         <li>雪梨</li>
52         <li>香蕉</li>
53     </ol>
54     <ol  start = '16'><!-- 有序-->
55         <li>苹果</li>
56         <li>雪梨</li>
57         <li>香蕉</li>
58     </ol>
59     <ul><!-- 嵌套-->
60         <li>动物</li>
61         <ul>
62             <li>陆地动物</li>
63             <ul>
64                 <li>猫</li>
65                 <li>牛</li>
66                 <li>羊</li>
67             </ul>
68             <li>水中动物</li>
69             <ul>
70                 <li>海洋动物</li>
71                 <ul>
72                     <li>鲨鱼</li>
73                     <li>鲸鱼</li>
74                 </ul>
75                 <li>淡水动物</li>
76                 <ul>
77                     <li>鲤鱼</li>
78                     <li>鲫鱼</li>
79                 </ul>
80             </ul>
81         </ul>
82         <li>植物</li>
83         <ol>
84             <li>松树</li>
85             <li>蒲公英</li>
86             <li>仙人球</li>
87         </ol>
88     </ul>
89     
90 </body>
91 </body>
92 <html>