HTML元素大融合demo
2018-01-10 本文已影响0人
mengqingone
HTML 代码
1 <!-- 文档类型声明 -->
2 <!doctype html>
3 <!-- HTML页面 -->
4 <html>
5 <!-- <head></head> -->
6 <head>
7 <title>我的第一个HTML文档</title>
8 <!-- 编码修改为 utf-8 -->
9 <meta charset="utf-8">
10 </head>
11 <!-- <body></body> -->
12 <body text="red" >
13 <!-- 预格式化 -->
14 <pre>
15 这是一段有空 格以及回车的
16
17 内容
18 </pre>
19 <!-- 块分区-div -->
20 <div>这是一个块分区元素</div>
21 <div>另一个块分区元素</div>
22 <!-- 段落元素 -->
23 <p>这是<br>一个段落</p>
24 <p>这是另一个段落 </p>
25 <!-- 水平线 -->
26 <hr size="10px" width="200px" align="right" color="blue">
27 <!-- 标题元素<h#> -->
28 <h1>1级标题</h1>
29 <h2>2级标题</h2>
30 <h3 align="center">3级标题</h3>
31 <h4>4级标题</h4>
32 <h5>5级标题</h5>
33 <h6>6级标题</h6>
34 <!-- 文本标记 -->
35 这是一段具有<b>加粗</b>，<i>倾斜</i>，<u>下划线</u>，<s>删除线</s>以及 上<sup>标</sup>和下<sub>标</sub>的文本
36
37 <标签> 版权所有©2017 价值：¥556.56
38 我的 第一个HTML页面
39
40 内容
41 <p></p>
42
43 </body>
44 </html>
运行的结果：
image.png
