首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >html初学(一) 这里是h2

html初学(一) 这里是h2

作者头像
机器学习和大数据挖掘
发布2019-07-02 10:08:11
7450
发布2019-07-02 10:08:11
举报
文章被收录于专栏:数据挖掘数据挖掘

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

下面是插入图片链接

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

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

字体有点小,加大一行

删除标签下划线


没事来设置字体样式

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016-08-01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 这里是h1
    • 这里是h2
      • 这里是h3
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档