HTML5用于分组的元素2-6 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 8     <title>分组元素</title>
 9 </head>
10 
11 <body>
12     <!-- p: 段落 -->
13     <p>这是一个普通的段落</p>
14 
15     <!-- blockquote: 引用 -->
16     <blockquote>这是一段引用</blockquote>
17 
18     <!-- dd: 定义，配合dl来用 -->
19     <!-- dl: 术语列表，配合dt -->
20     <!-- dt -->
21     <dl>
22         <dt>超人</dt>
23         <dd>一个内裤穿在外面的哥们</dd>
24 
25         <dt>蜘蛛侠</dt>
26         <dd>会吐丝的男人</dd>
27     </dl>
28 
29     <!-- div -->
30     <div>
31         在这里可以放任何东西
32         <p>放一段话</p>
33         <a href="#">超链接</a>
34     </div>
35 
36     <!-- figrue, figcaption -->
37     <figure>
38         <figcaption>
39             这是一个图示，示例代码
40         </figcaption>
41         <!-- pre, code -->
42         <pre>
43             <code>
44                 def add():
45                     x + y
46             </code>
47         </pre>
48 
49     </figure>
50 
51     <!-- hr: 段落级别的分割 -->
52     <hr>
53 
54     <!-- li: 列表, ol: 有序列表, ul: 无序列表 -->
55     <ul>
56         <li>无序列表</li>
57         <li>无序列表</li>
58         <li>无序列表</li>
59         <ol>
60             <li>有序列表</li>
61             <li>有序列表</li>
62         </ol>
63 
64         <li>无序列表</li>
65         <li>无序列表</li>
66         <li>无序列表</li>
67     </ul>
68 
69     <ol>
70         <li>有序列表</li>
71         <li>有序列表</li>
72         <li>有序列表</li>
73         <li>有序列表</li>
74         <li>有序列表</li>
75         <li>有序列表</li>
76     </ol>
77 
78 </body>
79 
80 </html>

 

posted @ 2019-10-21 21:49  Like-66  阅读(159)  评论(0)    收藏  举报