在html中要将字体加粗我们有两种方法，一种是利用b标签;另一种是利用strong标签，本篇文章我们就来介绍一下HTML中b标签和strong标签的用法。

HTML中字体是如何加粗的 第1张

　　b标签和strong标签虽然都是可以让字体加粗，但是实际上它们的意义并不相同，用法也有所不同，下面我们就来详细看看b标签strong标签的用法示例。

　　b是bold，就是粗体的意思;strong意味着强调

　　我们在?或?中将想要加粗的部分括起来

　　代码如下

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body>

<p>

  文字<b>加粗</b>的部分。

</p>

<p>

  文字<strong>强调</strong>的部分。

</p>

</body>

</html>

　　运行效果如下

HTML中字体是如何加粗的 第2张

　　由于HTML基本上代表了结构和内容本身，如果你想强调意义，使用strong，但是如果只是想要加粗字体在这里就建议使用CSS样式而不是b标签。所以下面我们来看一下CSS中字体加粗的代码示例

　　代码如下

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<!DOCTYPE html>

<html>

<head>

<title></title>

<style type="text/css">

p {

  font-weight: bold;

}

</style>

</head>

<body>

<p>

  让文字加粗。

</p>

</body>

</html>

　　运行效果如下

HTML中字体是如何加粗的 第3张

　　本篇文章到这里就全部结束了，更多精彩内容大家可以关注PHP中文网的相关栏目教程!!!

　　以上就是HTML中如何将字体加粗的详细内容，更多请关注php中文网其它相关文章!


标签：

未经允许不得转载！ 作者:壹世，转载或复制请以超链接形式并注明出处壹世招商加盟。

原文地址：《HTML中字体是如何加粗的》发布于：2019-09-24

相关推荐