When you use your browser to view the source code for one of the fruitsite pages, what you see is not the original code of the web page file -- you see the page as it appears after the Web server has processed the Server Side Includes and inserted the contents of the header, navi, and footer files. The original HTML content of the apple.html file is shown below (notice the three Server Side Include lines in orange). Compare it to the source code you view for the apple.html page in the browser. If you want to see what the apple.html page would look like if it was served from a Web server that did NOT process Server Side Includes, you can see this copy of the apple.html page that has the SSI lines removed.
Notice that an internal style in each page (a.apples in this case) is what makes the link for the current page look and act different than the other links.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Fav Fruit Apples</title><link href="friutCSS.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a.apples { color: #000000; text-decoration: none; cursor: default; }
-->
</style>
</head><body>
<div id="centerpage">
<!--#include virtual="header.html" -->
<!--#include virtual="navi.html" -->
<div id="main">
<p><img src="images/apples.jpg" alt="apples" width="200" height="200" class="picfloatright" />This a page about apples. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sodales conse quat velit, ut mollis purus varius vitae. Aliquam erat volutpat. Maecenas interdum augue eu neque suscipit vestibulum. Phasellus ut nisi massa, in posuere tellus. Nulla accumsan augue eu erat laoreet porta. In hac habitasse platea dictumst. Maecenas consequat blandit tincidunt. Curabitur ut imper lorem. Etiam sed lorem at magna lobortis sagittis. Aenean erat tellus, aliquet vel.</p>
<p> Venenatis ut, tincidunt quis felis. Vestibulum vulputate nisl ac felis tempus vestibulum. Proin rhoncus suscipit nisl, quis aliquam sem iaculis id. Integer tincidunt sapien eu tortor eleifend molestie. Sed justo elit, bibendum nec suscipit eu, ornare dignissim est. Nullam in velit eros. Nulla a libero ante, id commodo leo. Fusce cursus vehicula elit a porta.</p>
<h2>Apples are Fun</h2>
<p>Nulla nec blandit purus. Nam at lacus at tortor aliquet auctor. Aliquam sagittis enim in arcu tempus eget lobortis massa viverra. Quisque vel vulputate risus. Mauris in augue urna, quis tincidunt odio. Pellentesque faucibus ultricies diam nec egestas. Curabitur risus purus, porta ut dignissim ac, tincidunt ac velit. Vivamus in mauris diam. Ut consequat venenatis velit nec tincidunt. Suspendisse facilisis libero in nunc pretium at venenatis turpis ultricies. </p>
<p>Morbi convallis vestibulum ipsum at mollis. Mauris rhoncus consectetur tincidunt. Nullam volutpat mauris non lacus semper placerat. Donec pellentesque ipsum ac magna molestie et eleifend mi pulvinar. Duis id ligula eget justo euismod tincidunt. Curabitur sed purus sem. Donec a purus lectus, quis ullamcorper ipsum.</p>
<h2>Apples are Healthy</h2>
<p>Vestibulum a augue diam, ut consequat neque. Donec a dui vel risus sollicitudin placerat tincidunt vel mauris. Quisque vitae mi et diam dapibus porta eu a ipsum. Etiam sit amet erat mauris, a scel diam. Morbi ac nibh et massa accumsan aliquam eget eget nibh. Fusce id erat elit, ac dictum velit. Donec aliquet nisi tortor. Nullam fermentum, augue id iaculis egestas, ipsum augue tristique diam, a consequat nisi ligula at felis. Ut dapibus venenatis venenatis. Integer sollicitudin rhoncus odio, ut pellentesque justo feugiat id. Proin vestibulum, augue vel sagittis convallis, urna leo convallis diam, tincidunt faucibus purus diam nec lacus. </p>
<p>Vestibulum lacinia mattis dolor. Proin ac sapien nec ipsum dictum consectetur vestibulum vitae est. Aenean accumsan posuere justo, eget convallis tortor fauci vel. Etiam molestie mauris enim. Vestibulum semper bibendum ligula et pharetra. Donec et massa nulla. Vivamus consectetur, ipsum nec ultricies dictum, orci eros aliquet velit, vel auctor nunc lectus in nunc. Vestibulum at urna neque. Mauris ultricies laoreet gravida.</p>
</div>
<!--#include virtual="footer.html" -->
</div> <!-- centerpage ends -->
</body>
</html>