数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程序设计
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时尚学
法律学高亮显示 HTML 内容以供参考
<mark> 标记用于标记或高亮显示 HTML 中的文本。它是 HTML5 中使用的新标记之一。
它支持全局和事件属性。
我们还可以将 <mark> 标记包含在语句中，如下所示
<p>I play with <mark> Coding</mark> </p>
语法
以下是 HTML 文档中 <mark> 标记的语法：
<mark> Contents... </mark>
示例
在以下 HTML 示例中，我们尝试打印一些文本并使用 HTML 中的 <mark> 标记对其进行高亮显示：
<!DOCTYPE html>
<html>
<body>
<h1 style="color: blue;">TutorialsPoint</h1>
<h2>Using Mark Tags</h2>
<p>
<mark>TutorialsPoint:</mark> is a leading <mark>Ed Tech company</mark> Where all computer related Courses are provided.
</p>
</body>
</html>
将 CSS 应用到 <mark> 标记
许多浏览器会应用一些默认值来显示 <mark> 元素。
语法
以下是 HTML 中样式的语法：
mark {
background-color: orange;
color: black;
}
示例
在这个示例中，我们尝试使用 CSS 标记文档中的内容：
<!DOCTYPE html>
<html>
<head>
<style>
mark {
background-color: orange;
color: black;
}
</style>
</head>
<body>
<p>A mark Display's Like This:</p>
<mark>TutorialsPoint:</mark> is a leading <mark>Ed Tech company</mark>
<p>Where all computer related Courses are provided.</p>
<p>TO see effects, <mark>change the default CSS settings.</mark></p>
</body>
</html>
示例
以下是另一个示例：
<!DOCTYPE html>
<html>
<head>
<style>
mark.orange {
background-color: orange;
color: white;
}
mark.pink {
background-color: pink;
}
mark.lime {
background-color: lime;
}
</style>
</head>
<body>
<p>A mark Display's Like This:</p>
<mark class="pink">TutorialsPoint:</mark> is a leading <mark class="orange">Ed Tech company</mark>
<p>Where all computer related Courses are provided.</p>
<p>TO see effects, <mark class="lime">change the default CSS settings</mark>. </p>
</body>
</html>
更新于: 2023-10-10
250 次浏览
广告