在前端页面的开发中,字体文字的效果是一个重要的部分,有时为了突出一段文字,就需要给文字进行加粗显示;那么在HTML中如何加粗文字,制作粗体文字?下面本篇文章就来给大家介绍一下,希望对大家有所帮助。

image
在HTML中,可以使用<b>标签和<strong>标签来制作粗体文字,给文字进行加粗。下面我们来了解一下这两个标签。
<b> 标签
<b> 标签规定粗体文本。<b和</b>标签内写入的内容将显示为粗体文本。
语法:
<b> 文字内容 </b>
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p {
font-size:20px;
text-align:center;
}
</style>
</head>
<body>
<p>Welcome to here!</p>
<p><b>Welcome to here!</b></p>
<p><b>粗体文本!</b></p>
</body>
</html>
效果图:

e29c3043a091107989f133283d7abce.png
<strong>标签
<strong>标签用来定义计算机程序的样本重要的文本,用于强调文本。浏览器通常是用加粗的字体(相对于斜体)来显示<strong>标签中的内容。
语法:
<strong> 文字内容 </strong>
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p {
font-size:20px;
text-align:center;
}
</style>
</head>
<body>
<p>一段测试文本!</p>
<p><strong>一段测试文本!</strong></p>
</body>
</html>
效果图:

2b4b78aad34e2a4bca6a1d5576786f3.png
原文地址:如何在HTML中制作粗体文字?
