The **`mark`** element defines the text that is *marked* or *highlighted* in an HTML document.

We can use the `mark` element with the #key# `blockquote`: We use the **`blockquote`** element in an HTML document while defining something that already belongs to another source. #key# element to highlight the quoted text. This makes the quoted text even more meaningful to the user.

# Syntax

Like other HTML tags, a `mark` element must be inside tags (`<>`): ``. We use this tag in headings or paragraphs to emphasize essential details and grab the reader's attention.

# Code
## Example 01

Observe the following example where the `` element highlights only the necessary detail inside the paragraph tag - `.`

> Note: The default color for the highlighted text inside the `` tag is yellow.

<!DOCTYPE html>
<html>
 <head> </head>
 <body>

 <h2>This is a mark element</h2>
 The project will be evaluated individually. 
 The total marks for the project are 20. 

 </body>
</html>

codemirror

## Example 02

The following example uses #key# CSS: Cascading Style Sheets #key# to implement an HTML document with the `` tag, which changes the look of the marked content.

<!DOCTYPE html>
<html>
 <head> </head>
 <body>

 The weather today is Sunny 
 We can go to the beach today. 

 </body>
</html>

mark { 
  background-color: lightpink;
  color: black;
}

What is mark element in HTML?

Syntax

Code

Example 01

Example 02