学习了一些html的基本用法，代码和效果如下：

1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title>这里是网页的名称</title>
 6 </head>
 7 <body style="background-color:#d0d0d0;">
 8     <!--标题、链接、插入图片-->
 9     <h1 style="background-color:red;">这里是h1</h1>
10     <h2 style="color:#02DF82;">这里是h2</h2>
11     <h3>这里是h3</h3>
12     <h4>这里是h4</h4>
13     <h5>这里是h5</h5>
14     <h6>这里是h6</h6>
15 
16     <p>下面是插入链接</p>
17     <hr>
18     <p>中间加入了一个水平线<p>
19     <br/>
20     <p>这里测试换行符<p>
21 

24     <p >下面是插入图片链接
25     <a href = "javascript:void(0)" target="_blank">
26     <br/>
27     <img border="0" src = "面向对象编程.jpg" alt="Pulpit rock" width = "303" height = "199.5"></a></p>
28 
29     <br/>
30     <b>这里是加粗文本</b>
31     
32     <br/>
33     <strong>这个文本是加粗的</strong>
34     
35     <br/>
36     <big>这里是字体放大</big>
37     
38     <br/>
39     <small>这里是字体缩小</small>
40     
41     <br/>
42     <em>这里是斜体的</em>
43     
44     <br/>
45     <i>这个文本是斜体的</i>
46     
47     <br/>
48     这个文本包含
49         <sub>下标</sub>
50         
51     <br/>
52     这个文本包含
53         <sup>上标</sup>
54     <pre>
55         这里是使用pre标签
56         随便换行
57         随    便    空    格
58         这里怎么写输出的文本格式就怎么写
59         例如这里缩进了，最后输出也是缩进了
60         <big>字体有点小，加大一行</big>
61     <pre/>
62     <p><del>删除标签</del><ins>下划线</ins>
63     <hr>
64     <p style="font-family:DFKai-SB;color:#F9F900;font-size:50px;text-align:center;">没事来设置字体样式<p>
65 </body>
66 </html>

 

这里是网页的名称

这里是h1

这里是h2

这里是h3

这里是h4

这里是h5
这里是h6

下面是插入链接

中间加入了一个水平线

 

这里测试换行符

下面是插入图片链接 ​​
​​


这里是加粗文本
这个文本是加粗的
这里是字体放大
这里是字体缩小
这里是斜体的
这个文本是斜体的
这个文本包含 下标
这个文本包含 上标

这里是使用pre标签
    随便换行
    随    便    空    格
    这里怎么写输出的文本格式就怎么写
    例如这里缩进了，最后输出也是缩进了

字体有点小，加大一行

删除标签下划线

没事来设置字体样式