在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

相关推荐