当前位置:Gxlcms > html代码 > HTML中如何将字体加粗

HTML中如何将字体加粗

时间:2021-07-01 10:21:17 帮助过:80人阅读

在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

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

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

人气教程排行