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:
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:
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
leave a comment
0 Comments