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

在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>

运行效果如下

本篇文章到这里就全部结束了，更多精彩内容大家可以关注我！！！！

专门建立的学习Q-q-u-n ⑦③①-⑦⑦①-②①① 分享学习方法和需要注意的小细节，不停更新最新的教程和学习技巧（从零基础开始到WEB前端项目实战教程，学习工具，全栈开发学习路线以及规划）
点击：我们的前端学习圈

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

悦读