<!-- Adding a Header and a footer to the HTML -->

<!-- This will be used by IE 5 and IE 5.5 -->
<?xml-stylesheet type="text/xsl" href="1dinosaur_ie5.xsl" alternate="yes" ?>

<!-- This will be used by IE 6 and Netscape 6 -->
<?xml-stylesheet type="text/xsl" href="1dinosaur.xsl" alternate="no" ?>

<html>
<head>
    <title>Same page using XML with XSL</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>