学习了一些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 22 <a href = "http://www.cnblogs.com/TTyb/" target="_blank">TTyb-博客园</a> 23 24 <p >下面是插入图片链接 25 <a href = "http://www.cnblogs.com/TTyb/" 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标签 随便换行 随 便 空 格 这里怎么写输出的文本格式就怎么写 例如这里缩进了，最后输出也是缩进了
字体有点小，加大一行
删除标签下划线
没事来设置字体样式