<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, user-scalable=yes">
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<title>Bootstrap HTML tags</title>
</head>
<body>
<h1>Main Title (h1) <small>small print</small></h1>
<h2>Sub title (h2) <small>small print</small></h2>
<h3>Sub sub title (h3) <small>small print</small></h3>
<h4>Sub sub sub title (h4) <small>small print</small></h4>
<h5>Sub sub sub title (h5) <small>small print</small></h5>
<h6>Sub sub sub title (h6) <small>really small print</small></h6>
<hr>
<h2><a href="http://getbootstrap.com/css/#type">Typography</a></h2>
<p>
We can use <mark>'mark'</mark> to highlight text.
</p>
<p>
We can visually <del>delete text</del> using 'del' or we can mark it
as just <s>strike through</s> using 's'. The difference is semantic.
</p>
<p>
We can visually <ins>insert text</ins> using 'ins', or we can mark it
as <u>underline</u> using 'u' without the semantic value.
</p>
<p>
<small>small</small> and <strong>strong</strong> and <em>em for italicized</em>.
</body>
</html>