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

如何在HTML中制作粗体文字?,第1张

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

在HTML中,可以使用<b>标签和<strong>标签来制作粗体文字,给文字进行加粗。下面我们来了解一下这两个标签。

<b>标签

<b>标签规定粗体文本。<b和</b>标签内写入的内容将显示为粗体文本。

语法:

示例:

效果图:

<strong>标签

<strong>标签用来定义计算机程序的样本重要的文本,用于强调文本。浏览器通常是用加粗的字体(相对于斜体)来显示<strong>标签中的内容。

语法:

示例:

效果图:

我们用HTML制作页面的时候,有时需要加粗字体,那么该如何 *** 作呢?下面我给大家分享一下。

工具/材料

Sublime Text

01

首先我们打开Sublime Text软件,新建一个HTML文档,写入如下内容

02

运行页面以后我们可以看到默认的字体都是不加粗的,如下图所示

03

接下来我们给字体添加font-weight属性,设置值为bold,如下图所示

04

最后在运行页面,我们就可以看到字体加粗了,如下图所示

1、strong标签

<strong></strong>加粗标签元素告诉浏览器把其加strong标签的文本以加粗方式显示给浏览者。对于所有浏览器来说,这意味着要把这段文字加粗呈现给大家显示。

示例:

<strong>加粗文字</strong>

2、b标签

<b>标签规定粗体文本

示例:

<b>加粗文字</b>

注:Html strong加粗标签与html B加粗标签显示效果相同,两者都将内容文本加粗方式显示呈现,两者都可以选择使用;

区别:<b></b>加粗标签与<strong></strong>加粗标签区别在于前者只有1个字符,后者6个字符字母标签。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8340893.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存