在前端页面的开发中, 字体文字的效果是一个重要的部分, 有时为了突出一段文字, 就需要给文字进行加粗显示; 那么在 html 中如何加粗文字, 制作粗体文字? 下面本篇文章就来给大家介绍一下, 希望对大家有所帮助.
在 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>
效果图:
- <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>
效果图:
来源: http://www.css88.com/qa/html5/10479.html