Open In App

HTML <mark> Tag

Last Updated : 26 Sep, 2024
Comments
Improve
Suggest changes
Like Article
Like
Report

The <mark> tag in HTML is used to define the marked text. It is used to highlight the part of the text in a paragraph. The <mark> tag is new in HTML 5.

Syntax: 

<mark> Contents... </mark>

Note: The <mark> tag also supports the Global Attributes and Event Attributes in HTML.

Example 1: In this example, we are using the <mark> tag to highlight specific text, such as "GeeksforGeeks" and "computer science," within a paragraph. The highlighted text is visually emphasized for readers.

html
<!DOCTYPE html>
<html>

<body>
    <h1 style="color: green;">GeeksforGeeks</h1>
    <h2>HTML mark Tag</h2>
    <p>
        <mark>GeeksforGeeks:</mark> It is a
        <mark>computer science</mark> portal for geeks
    </p>
</body>

</html>

Output: 

Example 2: In this example we are using the <mark> tag with custom styling to highlight "GeeksforGeeks" and "computer science," changing the background to green and text color to white for emphasis.

html
<!DOCTYPE html>
<html>

<body>
    <h1>GeeksforGeeks</h1>
    <h2> HTML mark Tag</h2>
    <p>
        <mark>GeeksforGeeks:</mark> It is a
        <mark style="background-color: green; color: white;">
            computer science
        </mark> portal for geeks
    </p>
</body>

</html>

Output:

Supported Browsers: 


Next Article

Similar Reads