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

HTML中字体是如何加粗的

564 人参与  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>

<style type="text/css">

p {

  font-weight: bold;

}

</style>

</head>

<body>

<p>

  让文字加粗。

</p>

</body>

</html>

　　运行效果如下

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

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

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


来源：壹世博客（微信/QQ号：2336957694），转载请保留出处和链接！

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

本文标签：html  html代码  

<< 上一篇 下一篇 >>

  • 评论（0）
  • 相关文章

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

热门文章

热评文章

全国SEO经典案例

跟随标题

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

网络推广 | 网络营销 | 网络创业 |

Copyright Your WebSite.Some Rights Reserved.备案号：冀ICP备19016991号-2