如何在 HTML 中突出显示文本

使用 HTML5 的 <mark> 标签高亮文本

如果我们想使用 <mark> 标签在 HTML 文档中高亮文本，则必须遵循下面给出的步骤。通过这些步骤，我们可以轻松地高亮文本。

步骤 1：首先，我们必须在任何文本编辑器中键入 HTML 代码，或者在文本编辑器中打开现有 HTML 文件，我们想在其上高亮文本。

步骤 2：现在，我们必须将光标放在要高亮的文本的开头。然后，我们必须键入开头的 <mark> 标签。<mark> 标签是一个成对的标签，所以我们必须在要标记高亮的文本之后立即关闭此标签。

步骤 3：最后，我们必须保存 HTML 文件，然后在浏览器中运行该文件。

上述 HTML 代码的输出显示在以下屏幕截图中

使用内部 CSS 高亮文本

如果我们想使用内部层叠样式表 (Internal Cascading Style Sheet) 来高亮文本，则必须遵循下面给出的步骤。通过这些步骤，我们可以轻松地高亮文本。

步骤 1：首先，我们必须在任何文本编辑器中键入 HTML 代码，或者在文本编辑器中打开现有 HTML 文件，我们想在其上高亮文本。

步骤 2：现在，我们必须将光标放在 HTML 文档的 head 标签中，紧跟在 title 标签之后，然后在 <style> 标签内定义样式，如下面的块所示。然后键入类中的 background-color 属性。

步骤 3：现在，我们必须在 <span> 标签中使用该类来高亮文本。

步骤 4：最后，我们必须保存 HTML 文件，然后在浏览器中运行该文件。