<!doctype html>
<html>
 <head>
  <meta charset="utf-8">
  <title>HTML Lists</title>
  <style>
    h2 { font-family: sans-serif; font-size: 120% }
    body { background-color: #C3F7A0 }
    a { color: DarkGreen; }
    a:visited { color: ForestGreen; }
    li.ptable:hover { color: red; }
  </style>
 </head>
 <body>
  <p><h2>US Coins</h2>
   <ul>
    <li>Penny</li>
    <li>Nickel</li>
    <li>Dime</li>
    <li>Quarter</li>
    <li>Half Dollar</li>
    <li>Dollar</li>
   </ul>
  </p>
  <p><h2>Web server vendor market share in July, 2014, according to
     <a href="http://news.netcraft.com/archives/web_server_survey.html">Netcraft</a></h2>
   <ol>
    <li class="ptable">Microsoft 37.53%</li>
    <li class="ptable">Apache 34.73%</li>
    <li class="ptable">nginx 14.16%</li>
    <li class="ptable">Google 2.06%</li>
   </ol>
  </p>
 </body>
</HTML>