Create code snippets using Bootstrap classes in HTML,PHP

How to use code tag with Bootstrap class to highlight/show a tag inside line with background change.

With the use of code html tag with bootstrap classes web developer can easily highlight a single character, single word or whole line inside a paragraph. This will help us to highlight a single word between multiple words so user can easily recognize the word is more important then other words. So here is the complete step by step tutorial for Create code snippets using Bootstrap classes in HTML,PHP.

How to Create code snippets using Bootstrap classes in HTML,PHP.

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

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Code Snippets</title>
<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>Code Snippets</h1>
 
 <p>This is the example of <code>code</code> tag.</p>
 <p>HTML file extension is <code>.html</code></p>
 <p>PHP file extension is <code>.php</code></p>
 
</div>

</body>
</html>

Create code snippets using Bootstrap classes in HTML,PHP

Leave a Reply

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