Create abbr abbreviation tag with Title using Bootstrap classes in HTML,PHP

How to use abbr html tag to make abbreviation and acronym links in HTML,PHP with question mark.

abbr html tag helps us to create small links in our web page which is used to display some hidden text while user go above the abbr tagged text. Bootstrap container class gives us a class to make abbr tag more smooth. So in this tutorial we are creating a simple one line text with abbr tag text inside with abbr title included. So here is the complete step by step tutorial for Create abbr abbreviation tag with Title using Bootstrap classes in HTML,PHP.

https://www.android-examples.com/demo/heading-tag.html

How to Create abbr abbreviation tag with Title using Bootstrap classes in HTML,PHP.

Code for abbr-tag.html file.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>abbr tag</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>Abbr Tag</h1>
 <p>abbr tag is used to create abbreviation </p>
 <p>Full form of <abbr title="Hyper Text Markup Language">HTML</abbr></p>
 
</div>
</body>
</html>

Screenshot:

Create abbr abbreviation tag with Title using Bootstrap classes in HTML,PHP