您好,欢迎访问一九零五行业门户网

HTML中怎么设置h1的字体样式你知道吗?关于设置h1标签的样式详解

本篇文章主要为大家讲解了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标签的样式详解的详细内容。
其它类似信息

推荐信息