<!DOCTYPE html>
<meta charset="UTF-8">
<html>
<head>
<meta charset="utf-8">
<-- Viewport for responsive web design -->
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<-- Meta Description -->
<meta name="description" content="Description of the page less than 150 characters">
<!-- To run web application in full-screen -->
<meta name="apple-mobile-web-app-capable" content="yes"><
<!-- Status Bar Style (see Supported Meta Tags below for available values) -->
<!-- Has no effect unless you have the previous meta tag -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--CSS-->
<rel="stylesheet" type="text/css" href="csswork/jimdefault.css">
<style type="text/css"><!--
.explanation {font-size: 10pt; font-style: italic; color: grey;}
table {padding: 2px; border-collapse: collapse;}
tr {vertical-align: top;}_
th, td {border: 1px solid black; padding: 0 4px 0 4px;}
th {text-align: left;}
table.borderless tr td {border: none; padding: 2px 5px 2px 5px; font-size: 10pt;}
table.firstcolumnmono tr td:first-child {font: 10pt Courier, Monospace;}
--></style>
<!--Title-->
<title>The Page Title</title>
<!--Javascript-->
<!--put in HTML5 stuff for IE less than 9-->
<!--[if lt IE 9]>
<script src=
"http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<script src="AJAXDomJavaScript/jquery.min.js" type="text/javascript"></script>
<script src="AJAXDomJavaScript/CreateTOC.js" type="text/javascript" language="JavaScript"></script>
<script type="text/javascript">
$(document).ready(CreateTOC);
</script>
</head>

<body>
<H1>Page Title</H1>

<b><i>Table of Contents</i></b>
<div id="insertTOChere"></div>
...
</body>
</html>