<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
minilab5.html
HTML skeleton for Mini-Lab 5
INFO 343, Autumn 2012
Morgan Doocy
-->
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<title>Mini-lab 5</title>
<style type="text/css">
body {
font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, sans-serif;
}
.important {
color: red;
}
.note {
background-color: lightgreen;
padding: 1em;
}
</style>
</head>
<body>
<h1>Mini-lab 5</h1>
<div id="benefits">
<p>Benefits of jQuery:</p>
<ul>
<li>Makes things <em>easier</em>!</li>
<li><strong>Most popular</strong> JS library — large community, lots of resources</li>
<li>Extensible with plugins</li>
<li>Small, efficient</li>
<li>Easy to use <abbr>API</abbr></li>
<li>Neato special effects</li>
<li class="important">Smoothes over browser differences</li>
</ul>
<p class="note important">jQuery is <strong>open source software</strong> maintained by the <a href="http://jquery.org/">jQuery Foundation</a>.</p>
</div>
<h2>Links</h2>
<ul>
<li><a href="http://jquery.com/">jQuery Home Page</a></li>
<li><a href="http://plugins.jquery.com/">jQuery Plugins</a></li>
<li class="important"><a href="http://api.jquery.com/"><abbr>API</abbr> Documentation</a></li>
<li><a href="http://docs.jquery.com/">Documentation</a></li>
<li><a href="http://jquery.org/">jQuery Foundation</a></li>
</ul>
<p>Lorem ipsum dolor sit amet.</p>
</body>
</html>