首页 > 编程 > HTML > 正文

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

2020-03-24 17:13:26
字体:
来源:转载
供稿:网友
首页 > web前端 > html教程 > 正文 HTML中怎么设置h1的字体样式你知道吗?关于设置h1标签的样式详解 2018-08-27 16:42:57 3061 第六期线上培训班
本篇文章主要为大家讲解了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 php  /title  /head  body  h1 align= center >

效果如图:

tuyi.png

这上面把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  background: #090; /style  /body 

效果图如下:

tuer.png

二、给标题h1加红色,代码如下:

 html  body  h1 align= center >

三、给标题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标签的样式详解的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表