info343/homework/3/hw3_skeleton.html

<!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" xml:lang="en">
   <head>
      <!--
      hw3_skeleton.html
      Skeleton HTML file for Homework 3: Fontr
      INFO 343, Autumn 2012
      Morgan Doocy
      -->
      
      <meta http-equiv="Content-Type" content="Type=text/html; charset=utf-8" />
      <title>Fontr – Preview Web Fonts</title>
      
      <!-- your stylesheets and scripts go here! -->
   </head>
   
   <body>
      <h1>Fontr</h1>
      
      <div id="controls">
         <fieldset id="text">
            <legend>Preview text</legend>
            <ul>
               <li><!-- [radio button] --> Preset: <!-- [dropdown menu] --></li>
               <li><!-- [radio button] --> Lipsum: <!-- [text box] --> sentences</li>
               <li><!-- [radio button] --> Custom: <!-- [multi-line text box] --></li>
            </ul>
         </fieldset>
         
         <fieldset id="font">
            <legend>Font</legend>
            <ul>
               <li><!-- [dropdown menu] --></li>
               <li><!-- [checkbox] --> Bold</li>
               <li><!-- [checkbox] --> Italic</li>
            </ul>
         </fieldset>
      
         <fieldset id="sizes">
            <legend>Sizes</legend>
            <dl>
               <dt>Size:</dt>
               <dd><!-- [text box] --> <!-- [dropdown menu] --></dd>
               <dt>Line height:</dt>
               <dd><!-- [text box] --> <!-- [dropdown menu] --></dd>
            </dl>
         </fieldset>
      </div>
      
      <div id="preview">
         <fieldset>
            <legend>Preview</legend>
            <p></p>
         </fieldset>
      </div>
   </body>
</html>