Tutorialspoint.dev

HTML5 | mark Tag

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>                    

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


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter