欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML中如何将字体加粗

程序员文章站 2022-04-23 10:59:37
...
在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>

运行效果如下

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>

运行效果如下

HTML中如何将字体加粗

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

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

相关标签: HTML