HTML中怎么设定h1的字体样式你晓得吗？对于设定h1标签的样式详解-百分百源码网

HTML中怎么设定h1的字体样式你晓得吗？对于设定h1标签的样式详解

发布时间：09/01 来源：未知浏览：关键词：

本篇文章主要为大家讲解了html中的h1标签的样式解析，但是假如不消css样式来做的话，那就只能在html4.01中显示了，所以我们还是尽快学习css层叠样式表吧，好了，此刻让我们来说说这篇文章吧。

HTML中的H标签(H1，H2，H3等)用来标明一个页面中的标题层次系统。因此，Hl标签可以被当做整个网页的标题，H2标签就是小标题，H3是第三级标题等。搜索引擎对显现在H标签中的关键字有一点偏好，特别是Hl标签，下面小编就来谈谈H1标签如何用。

第一我们先看一个实例：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>百分百源码网</title>
</head>
<body>
<h1 align="center"  style="color:red ; font-size:50px">Hello world</h1>
</body>
</html>

结果如图：

这上面把hello world用标题h1展现了出来，加上了字体大小，居中显示，加了文本色彩为红色。这种为标签更换样式的办法很常见，

h1标签如何增加?h1标签与title有什么不同?

h1标签操纵一段文字的大小（从h1~h6），如<p>：<p>标签写在网页的body中;。h1标签的增加办法，例如;

<p><h1>p是网页段落的意思h1标签写在网页的body中;这是h1标签这是网页标题<h1></p>

为标题增添样式的多种办法：

一、怎样给html中所有的h1标签增添一个背风光（只能在html4.01中实践）

写两个或者多个h1标签，使用css为该标签增加背景色彩，简便的代码示例如下：

<body>
    <h1>这是一个标题测试</h1>
    <h1>这是另一个标题测试</h1>
    <style>
        h1{
            background: #090;
        }
    </style>
</body>

结果图如下：

二、给标题h1加红色，代码如下：

<html>
<body>
<h1 align="center"  style="color:red">Hello world</h1>
</body>
</html>

三、给标题h1放大字体的代码：

<html>
<body>
<h1 align="center"  font-size:50px">Hello world</h1>
</body>
</html>

据说，H标签不克不及多使用？此刻就让我们来谈谈关于当前SEO专业人员遍及将标题标签作为丰硕文字情势的手段，我给使用标题标签的倡议是"一样来说，一个页面，只同意有一个H1标签，倡议H1标签使用于网页内文标题，只使用一次，H2标签使用于内文小标题，约2次，h3标签则使用于其他需要强调的段落约3个摆布。过度的使用标题标签并没有任何好处，主要还是以不影响会员体验为主，总不克不及将所有要优化的主关键字都停止强调吧？假如使用太多H标签，矫枉过正，反而会"冲淡"关键字，乃至使搜索引擎推断为作弊。

【小编引荐】

黑客应当学PHP还是python？理性剖析PHP和python的十处差别

html表格中的th表头内容如何居中？th表头标签align属性的详细介绍

以上就是HTML中如何设定h1的字体样式你晓得吗？关于设定h1标签的样式详解的具体内容，更多请关注百分百源码网其它相关文章！

打赏