900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 产生粗体字的html标签 html字体加粗用css设置文字粗体样式

产生粗体字的html标签 html字体加粗用css设置文字粗体样式

时间:2018-11-08 15:34:46

相关推荐

产生粗体字的html标签 html字体加粗用css设置文字粗体样式

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来加粗内容。

效果截图

完整的HTML和CSS两种方法粗体加粗代码:

文字加粗实例 css5

.cu{ font-weight:bold}

欢迎来到CSS5学习HTML布局。

基础加实践方式学会前端布局

这里我使用css来加粗内容。

HTML直接标签内使用style设置css加粗。

以上完整加粗实例代码中外部CSS、HTML标签加粗、html标签使用style设置css加粗,三种方法,拷贝代码测试实践实践来掌握加粗方法。

作者:CSS5原创

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。