HTML中如何将字体加粗-前端入门

最新推荐文章于 2025-04-09 14:15:04 发布

猿说前端

最新推荐文章于 2025-04-09 14:15:04 发布

阅读量3w

点赞数 4

文章标签： html 前端 web前端前端开发前端入门

本文链接：https://blog.youkuaiyun.com/ITZ1992/article/details/106994384

版权

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

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

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

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

代码如下

> <!DOCTYPE html>
> 
> <html>
> 
> <head>
> 
> <title></title>
> 
> </head>
> 
> <body>
> 
> <p>
> 
> 文字<b>加粗</b>的部分。
> 
> </p>
> 
> <p>
> 
> 文字<strong>强调</strong>的部分。
> 
> </p>
> 
> </body>
> 
> </html>

运行效果如下：

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

代码如下

> <!DOCTYPE html>
> 
> <html>
> 
> <head>
> 
> <title></title>
> 
> <style type="text/css">
> 
> p {
> 
> font-weight: bold;
> 
> }
> 
> </style>
> 
> </head>
> 
> <body>
> 
> <p>
> 
> 让文字加粗。
> 
> </p>
> 
> </body>
> 
> </html>

运行效果如下