HTML5 | mark Tag - Tutorialspoint.dev

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

Syntax:

<mark> Contents... </mark>

Example 1:

<!DOCTYPE html> 
<html> 
    <head> 
        <title>mark tag</title> 
        <style> 
            body { 
                text-align:center; 
            } 
            h1 { 
                color:green; 
            } 
        </style> 
    </head> 
    <body> 
        <h1>GeeksforGeeks</h1> 
        <h2><mark> Tag</h2> 
        <p><mark>GeeksforGeeks:</mark> It is a <mark>computer  
        science</mark> portal gor geeks</p> 
    </body> 
</html>                     

Output:
mark tag

Example 2: The CSS property can also be used to change the marked color and other property.

<!DOCTYPE html> 
<html> 
    <head> 
        <title>mark tag</title> 
        <style> 
            body { 
                text-align:center; 
            } 
            h1 { 
                color:green; 
            } 
            mark { 
                background-color:green; 
                color:white; 
            } 
        </style> 
    </head> 
    <body> 
        <h1>GeeksforGeeks</h1> 
        <h2><mark> Tag</h2> 
        <p><mark style="background-color:green;">GeeksforGeeks:</mark> 
        It is a <mark>computer science</mark> portal gor geeks</p> 
    </body> 
</html>                     

/div>

Output:
mark tag

Supported Browsers: The browser supported by <mark> tag are listed below:

Google Chrome 6.0
Internet Explorer 9.0
Firefox 4.0
Safari 5.0
Opera 11.1

HTML5 | mark Tag

tags:

You Might Also Like

leave a comment

0 Comments

Subscribe to Our Newsletter

Top Followed books