資料結構
網路
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>
向 <mark> 標記應用 CSS
許多瀏覽器透過應用一些預設值來顯示 <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 瀏覽量
廣告