Create Highlight text using mark tag with Bootstrap classes in HTML,PHP

How to use mark tag in HTML,PHP page to highlight any selected text.

Bootstrap container class gives us pre inbuilt custom css class which will automatically applies inside container class on mark html tag. So with the use of mark html tag we can easily mark or we can say highlight any text so website user can easily understand that this mark text is more important then others. So here is the complete step by step tutorial for Create Highlight text using mark tag with Bootstrap classes in HTML,PHP.

How to Create Highlight text using mark tag with Bootstrap classes in HTML,PHP.

https://www.android-examples.com/demo/heading-tag.html
Code for mark-tag.html file.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Highlight text</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>

<body>

<div class="container">

 <h1> Mark Text </h1>
 <p>This Highlight text <mark> Using Mark Tag. </mark> </p> 
 
</div>
</body>
</html>

Screenshot:

Create Highlight text using mark tag with Bootstrap classes in HTML,PHP

Leave a Reply

Your email address will not be published. Required fields are marked *