如何在HTML中制作粗体文字?

在前端页面的开发中,字体文字的效果是一个重要的部分,有时为了突出一段文字,就需要给文字进行加粗显示;那么在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中制作粗体文字?

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容