Make HTML Highlight Text Using mark Tags

HTML Highlight Text: Main Tips

• HTML mark tags are used to highlight important portions of text.
• It was newly introduced in HTML5.
• You must use both starting and ending HTML highlight text tags.

Pros

• Easy to use with a learn-by-doing approach
• Offers quality content
• Gamified in-browser coding experience
• The price matches the quality
• Suitable for learners ranging from beginner to advanced

Main Features

• Free certificates of completion
• Focused on data science skills
• Flexible learning timetable

GET 25% OFF

Pros

• Simplistic design (no unnecessary information)
• High-quality courses (even the free ones)
• Variety of features

Main Features

• Nanodegree programs
• Suitable for enterprises
• Paid Certificates of completion

UP TO 70% OFF

Pros

• A wide range of learning programs
• University-level courses
• Easy to navigate
• Verified certificates
• Free learning track available

Main Features

• University-level courses
• Suitable for enterprises
• Verified certificates of completion

FREE COURSES

Using mark Tags

To make HTML highlight text, you need to surround it with <mark> tags:

<p>The mark tag is <mark>useful</mark> when you need to highlight important information.</p>

Understanding how to highlight text in HTML comes in handy when you need to convey that some content has more relevance than the rest. The most common case of using it is highlighting search results.

The browser will display the content of HTML mark tags using these CSS settings:

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

Note: most screen readers don't announce the presence of HTML mark element by default. You can change it using the CSS content property.

Browser support

Chrome

All

Edge

All

Firefox

4+

IE

9+

Opera

11+

Safari

All

Mobile browser support

Chrome

All

Firefox

4+

Opera

All

Safari

All