首页 >web前端 >html教程 > 正文

HTML中如何将字体加粗

原创2019-01-19 17:11:29075870
在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中如何将字体加粗的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:HTML
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • HTML/CSS  5小时基础入门教程HTML/CSS 5小时基础入门教程
  • 弹指间学会HTML+CSS弹指间学会HTML+CSS
  • HTML+CSS  轻松入门教程HTML+CSS 轻松入门教程
  • HTML+CSS基础入门教程HTML+CSS基础入门教程
  • 视频教程分类