<?xml-stylesheet type="text/xsl" href="3TableContents.xsl"  ?>

<html lang="en">
<head>
    <title>Adding a Table of Contents</title>
    <style type="text/css">
	body { font-family: Verdana, Times, Serif; }
    </style>
</head>
<body bgcolor="lightyellow">

<h1>My big list of dinosaurs</h1>

<h2>Brontosaurus</h2>
A Brontosaurus is big and scary.
<ul>
  <li><b>Weight:</b> 200 tons</li>
  <li><b>Length:</b> 90 m</li>
  <li><b>Color:</b> Blue</li>
</ul>

<h2>Tyrannosaurus Rex</h2>
A Tyrannosaurus Rex would eat you.
<ul>
  <li><b>Weight:</b> 50 tons</li>
  <li><b>Length:</b> 20 m</li>
  <li><b>Color:</b> Red</li>
</ul>

<h2>Stegosaurus</h2>
A Stegosaurus has lots of spiny plates.
<ul>
  <li><b>Weight:</b> 25 tons</li>
  <li><b>Length:</b> 20 m</li>
  <li><b>Color:</b> Green</li>
</ul>

</body>
</html>