个人博客转至:tybai.com

无聊就想打码,打码使我快乐


Fork me on GitHub

html初学(一)

学习了一些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

下面是插入链接


中间加入了一个水平线

 

这里测试换行符

TTyb-博客园

下面是插入图片链接
Pulpit rock


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

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

字体有点小,加大一行


删除标签下划线


没事来设置字体样式

 

posted on 2016-08-01 23:40  TTyb  阅读(288)  评论(0编辑  收藏  举报

导航


不用多久

我就会升职加薪

当上总经理

出任CEO

迎娶白富美

走上人生巅峰

Pulpit rock