Menu

【美高梅开户】链接和表格

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

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

<dl> 列表
<dt> 列表项

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

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

 

HTML5样式、链接和表格,2017-11-29html5
HTML5样式、链接和表格 HTML5列表 ol 有序列表 ul 无序列表 li 列表项 dl
列表 dt 列表项 dd 描述 -…

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

 

标签:,

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章

网站地图xml地图