HTML中如何将字体加粗-木庄网络博客

本文摘自PHP中文网，作者不言，侵删。

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

html

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

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

我们在<b>?</ b>或<strong>?</ strong>中将想要加粗的部分括起来

代码如下

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

运行效果如下

微信截图_20190118144948.png

由于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>

运行效果如下

微信截图_20190118145404.png

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

以上就是HTML中如何将字体加粗的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » HTML中如何将字体加粗

HTML中如何将字体加粗

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论