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

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

效果图:

e29c3043a091107989f133283d7abce.png-600

<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-600

以上就是如何在HTML中制作粗体文字?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » HTML5 答疑