examples/bootstrap/bootstrap-html-tags.html
<!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>