PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

HTML中如何将字体加粗

不言
不言 原创
2019-01-18 16:50:33 146882浏览

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

html

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

b是bold,就是粗体的意思;strong意味着强调

我们在? b>或? 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中文网的相关栏目教程!!!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。