当前位置:首页 » 建站技巧 » 正文

HTML中字体是如何加粗的

78 人参与  2019年09月24日 13:08  分类 : 建站技巧  评论

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

HTML中字体是如何加粗的 html 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中字体是如何加粗的 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>

<styletype="text/css">

p {

  font-weight: bold;

}

</style>

</head>

<body>

<p>

  让文字加粗。

</p>

</body>

</html>

  运行效果如下

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

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

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


来源:壹世博客(微信/QQ号:2336957694),转载请保留出处和链接!

本文链接:http://www.ym-ym.com/121.html

本文标签:html  html代码  

<< 上一篇下一篇 >>

  • 评论(0)
  • 相关文章

    取消

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最近发表

热门文章

热评文章

全国SEO经典案例

跟随标题

    内容的形式各种各样,可以是文本,也可以是各种广告等。

Copyright Your WebSite.Some Rights Reserved.