您现在的位置是: 首页 » 网页代码 » 如何在HTML中制作粗体文字?
网页代码

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

网站优化小编一月 12, 2020 26人已围观

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

效果图:

网站运营中栏目排名优化技巧

文章评论

    发表评论

    电子邮件地址不会被公开。