在html中字体加粗的标签为<b>标签,当我们使用了该标签,字体就会加粗,一般用于注明重要信息,强调文字上面写法如下
字体加粗:<b>这里的字体就会加粗</b>
效果:未加粗 加粗
以上面效果为例,加入了<b>标签的文字实现了加粗效果
在html中字体加粗的标签为<b>标签,当我们使用了该标签,字体就会加粗,一般用于注明重要信息,强调文字上面写法如下
字体加粗:<b>这里的字体就会加粗</b>
效果:未加粗 加粗
以上面效果为例,加入了<b>标签的文字实现了加粗效果
转载于:https://www.cnblogs.com/wicc/p/10778122.html
HTML加粗标签元素有哪些?CSS字体加粗又怎么来实现?粗体代码是什么?
综合以上问题,可以使用CSS样式和HTML标签两种方法来实现,在实际布局时候根据需要来选择文字字体加粗方法途径。
一、html加粗标签
加粗标签有两个,一个“b”标签,一个“strong”标签。两个标签任意选择,为了代码简单选择b,常用还是strong标签。
Html 粗体代码:
欢迎来到CSS5学习HTML布局。
基础加实践方式学会前端布局。
文字被标签加粗效果截图:
考虑SEO因素,通常使用加粗标签来加粗,但为了排版漂亮,需要自然使用,而非为优化而使用,反而适得其反,任意出现过多使用加粗标签,导致过度优化,不能获得搜索引擎排名。
一般文章中,除了栏目标题、分类标题加粗外,正文内容特意对关键词文字字体加粗不超过3次。如果针对关键词优化加粗,建议使用一次即可,或不使用,避免过度优化反而不能获得排名。
二、css样式加粗
除了html 标签加粗外,css 加粗样式使用也是非常多的,比如段落栏目标题、文章标题、重要文段短句,也可以使用。
Css样式代码:
font-weight:bold
font-weight —— 粗体样式单词
bold —— 加粗
用CSS样式加粗实例代码:
Css代码:
.cu{ font-weight:bold}
Html代码:
这里我使用css来加粗内容。
<font style="font-weight: bold;">无敌小昆虫</font> <font>无敌小昆虫</font> font-weight: bold; 加粗字体
转载于:https://www.cnblogs.com/xuqiulin/p/4589608.html
大家在浏览网站时有没有注意到,页面中有些文字或字体加粗了,正在学习HTML和CSS的小伙伴,你知道HTML如何给文字加粗吗?CSS怎么设置字体加粗呢?这篇文章给大家总结了给字体和文字加粗的三种方法,包括HTML中的加粗标签以及CSS字体加粗样式,有一定的参考价值,感兴趣的朋友可以参考一下。
给字体和文字加粗有三种方法,一种是CSS中的font-weight: bold样式,一种是HTML中的标签,最后一种是HTML中的标签。
方法1:用CSS中font-weight: bold样式给字体加粗
font-weight属性可以设置字体的粗细,当属性值为normal时,表示正常的字体,相当于number为400;当属性值为bold时,可以给字体粗体,相当于number为700,也相当于标签的效果。
实例描述:创建两个p标签,给其中一个标签一个class类名,便于对其进行CSS样式设置。将font-weight: bold属性添加到有类名的p 标签上,对比两个p标签,看看有什么不同,具体代码如下:Html;toolbar:false">
.aa{font-weight: bold;}
床前明月光
低头思故乡
如下图所示,“低头思故乡”这段文字被加粗了。
方法2:用Html中的加粗标签
标签可以使字体加粗,且所有主流浏览器都支持此方法。
实例描述:直接用Html中的标签,即可实现文字加粗效果,具体代码如下:
床前明月光
疑是地上霜
如图所示,对比p标签和strong标签的内容,发现strong标签的内容加粗了。
方法3:用Html中的加粗标签
标签可以定义一个粗体的文本,且所有主流浏览器都支持 标签。
实例描述:标签和标签一样,都可以给文字加粗,并且使用简单方便,具体代码如下:
床前明月光
举头望明月
如下图所示,b标签的里面的文字加粗了
总结:以上给大家介绍了给文字加粗的三种方法,分别是CSS中的font-weight: bold样式和HTML中的标签、标签,直接用Html标签比较方便,至于选择哪种方法,还要看个人习惯和工作需要,希望这篇文章对你有所帮助!
【相关教程推荐】
3. HTML在线手册
本文地址:http://itbyc.com/web/html5/19952.html
转载请注明出处。