Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Mar 2nd, 2012  |  syntax: HTML 5  |  size: 9.68 KB  |  views: 1,881  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <!--
  6.   New Perspectives on HTML and XHTML
  7.   Tutorial 5
  8.   Case Problem 1
  9.  
  10.   Sudoku Puzzle
  11.    Author: Terry Newberry      
  12.   Date: 3/2/2012  
  13.  
  14.   Filename:         sudoku.htm
  15.   Supporting files: left.jpg jpf.css, jpf.jpg, stable.css, topleft.jpg, topright.jpg
  16. -->
  17.    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  18.    <title>Daily Sudoku Puzzle</title>
  19.    <link href="stable.css" rel="stylesheet" type="text/css" />
  20.    <link href="jpf.css" rel="stylesheet" type="text/css" />
  21.    
  22. </head>
  23.  
  24. <body>
  25.  
  26.    <div id="header">
  27.       <img src="jpf.jpg" alt="The Japanese Puzzle Factory" />
  28.       <ul>
  29.          <li><a href="#">Home</a></li>
  30.          <li><a href="#">Online Puzzles</a></li>
  31.          <li><a href="#">Store</a></li>
  32.          <li><a href="#">Tips and Hints</a></li>
  33.          <li><a href="#">Forum</a></li>
  34.          <li><a href="#">Competitions</a></li>
  35.          <li><a href="#">Site Map</a></li>
  36.       </ul>
  37.    </div>
  38.  
  39.    <div id="leftColumn">
  40.  
  41.       <div id="links">
  42.      
  43.          <div class="left"><div class="topLeft">
  44.          <div class="topRight">
  45.  
  46.          <ul>
  47.             <li><a href="#">Akari</a></li>
  48.             <li><a href="#">Divide by Box</a></li>
  49.             <li><a href="#">Fillomino</a></li>
  50.             <li><a href="#">Hashiwokakero</a></li>
  51.             <li><a href="#">Heyawake</a></li>
  52.             <li><a href="#">Hitori</a></li>
  53.             <li><a href="#">Kakuro</a></li>
  54.             <li><a href="#">Katagaku</a></li>
  55.             <li><a href="#">Masugo</a></li>
  56.             <li><a href="#">Masyu</a></li>
  57.             <li><a href="#">Nonogram</a></li>
  58.             <li><a href="#">Oekaki Logic</a></li>
  59.             <li><a href="#">Shikaku</a></li>
  60.             <li><a href="#">Sudoku</a></li>
  61.             <li><a href="#">Suhai</a></li>
  62.             <li><a href="#">Super Sudoku</a></li>
  63.             <li><a href="#">Tenketsu</a></li>
  64.             <li><a href="#">Tentai Show</a></li>
  65.             <li><a href="#">Wordoku</a></li>
  66.             <li><a href="#">Yajilin</a></li>
  67.          </ul>
  68.          
  69.          </div></div></div>
  70.  
  71.       </div>
  72.  
  73.    </div>  
  74.  
  75.  
  76.    <div id="rightColumn">
  77.    
  78.       <table class="spuzzle" >
  79.          <caption>Sudoku</caption>
  80.          <thead>
  81.             <tr>
  82.                <th></th>
  83.                <th>1</th>
  84.                <th>2</th>
  85.                <th>3</th>
  86.                <th>4</th>
  87.                <th>5</th>
  88.                <th>6</th>
  89.                <th>7</th>
  90.                <th>8</th>
  91.                <th>9</th>
  92.            </tr>
  93.         </thead>
  94.        
  95.         <tbody>
  96.            <tr>
  97.               <th>A</th>
  98.               <td rowspan="3" colspan="3" class="greenBox">
  99.                  <table class="subTable">
  100.                     <tr>
  101.                        <td> </td>
  102.                        <td> </td>
  103.                        <td>4</td>
  104.                     </tr>
  105.                     <tr>
  106.                        <td> </td>
  107.                        <td> </td>
  108.                        <td> </td>
  109.                     </tr>
  110.                     <tr>
  111.                        <td>3</td>
  112.                        <td>5</td>
  113.                        <td> </td>
  114.                      </tr>
  115.                      
  116.                  </table>
  117.               </td>
  118.               <td rowspan="3" colspan="3" class="goldBox">
  119.                  <table class="subTable">
  120.                     <tr>
  121.                        <td>5</td>
  122.                        <td> </td>
  123.                        <td>3</td>
  124.                     </tr>
  125.                     <tr>
  126.                        <td> </td>
  127.                        <td> </td>
  128.                        <td> </td>
  129.                     </tr>
  130.                     <tr>
  131.                        <td> </td>
  132.                        <td> </td>
  133.                        <td> </td>
  134.                      </tr>
  135.                      
  136.                  </table>              
  137.               </td>
  138.               <td rowspan="3" colspan="3" class="greenBox">
  139.                  <table class="subTable">
  140.                     <tr>
  141.                        <td> </td>
  142.                        <td>7</td>
  143.                        <td> </td>
  144.                     </tr>
  145.                     <tr>
  146.                        <td>3</td>
  147.                        <td>1</td>
  148.                        <td> </td>
  149.                     </tr>
  150.                     <tr>
  151.                        <td>2</td>
  152.                        <td> </td>
  153.                        <td> </td>
  154.                      </tr>
  155.                      
  156.                  </table>
  157.               </td>
  158.            </tr>
  159.            <tr>
  160.               <th>B</th>
  161.            </tr>
  162.            <tr>
  163.               <th>C</th>              
  164.            </tr>
  165.            <tr>
  166.               <th>D</th>
  167.               <td rowspan="3" colspan="3" class="goldBox">
  168.                  <table class="subTable">
  169.                     <tr>
  170.                        <td> </td>
  171.                        <td> </td>
  172.                        <td> </td>
  173.                     </tr>
  174.                     <tr>
  175.                        <td>6</td>
  176.                        <td> </td>
  177.                        <td>9</td>
  178.                     </tr>
  179.                     <tr>
  180.                        <td>4</td>
  181.                        <td>7</td>
  182.                        <td>2</td>
  183.                      </tr>
  184.                      
  185.                  </table>              
  186.               </td>
  187.               <td rowspan="3" colspan="3" class="greenBox">
  188.                  <table class="subTable">
  189.                     <tr>
  190.                        <td> </td>
  191.                        <td>2</td>
  192.                        <td> </td>
  193.                     </tr>
  194.                     <tr>
  195.                        <td> </td>
  196.                        <td> </td>
  197.                        <td> </td>
  198.                     </tr>
  199.                     <tr>
  200.                        <td> </td>
  201.                        <td>9</td>
  202.                        <td> </td>
  203.                      </tr>
  204.                      
  205.                  </table>              
  206.               </td>
  207.               <td rowspan="3" colspan="3" class="goldBox">
  208.                  <table class="subTable">
  209.                     <tr>
  210.                        <td>9</td>
  211.                        <td>3</td>
  212.                        <td>7</td>
  213.                     </tr>
  214.                     <tr>
  215.                        <td>4</td>
  216.                        <td> </td>
  217.                        <td>8</td>
  218.                     </tr>
  219.                     <tr>
  220.                        <td> </td>
  221.                        <td> </td>
  222.                        <td> </td>
  223.                      </tr>
  224.                      
  225.                  </table>            
  226.               </td>
  227.            </tr>
  228.            <tr>
  229.               <th>E</th>
  230.            </tr>
  231.            <tr>
  232.               <th>F</th>
  233.            </tr>
  234.            <tr>
  235.               <th>G</th>
  236.               <td rowspan="3" colspan="3" class="greenBox">
  237.                  <table class="subTable">
  238.                     <tr>
  239.                        <td> </td>
  240.                        <td> </td>
  241.                        <td>1</td>
  242.                     </tr>
  243.                     <tr>
  244.                        <td> </td>
  245.                        <td>4</td>
  246.                        <td>5</td>
  247.                     </tr>
  248.                     <tr>
  249.                        <td> </td>
  250.                        <td>6</td>
  251.                        <td> </td>
  252.                      </tr>
  253.                      
  254.                  </table>              
  255.               </td>
  256.               <td rowspan="3" colspan="3" class="goldBox">
  257.                  <table class="subTable">
  258.                     <tr>
  259.                        <td> </td>
  260.                        <td> </td>
  261.                        <td> </td>
  262.                     </tr>
  263.                     <tr>
  264.                        <td> </td>
  265.                        <td> </td>
  266.                        <td> </td>
  267.                     </tr>
  268.                     <tr>
  269.                        <td>8</td>
  270.                        <td> </td>
  271.                        <td>1</td>
  272.                      </tr>
  273.                      
  274.                  </table>              
  275.               </td>
  276.               <td rowspan="3" colspan="3" class="greenBox">
  277.                  <table class="subTable">
  278.                     <tr>
  279.                        <td> </td>
  280.                        <td>5</td>
  281.                        <td>2</td>
  282.                     </tr>
  283.                     <tr>
  284.                        <td> </td>
  285.                        <td> </td>
  286.                        <td> </td>
  287.                     </tr>
  288.                     <tr>
  289.                        <td>7</td>
  290.                        <td> </td>
  291.                        <td> </td>
  292.                      </tr>
  293.                      
  294.                  </table>              
  295.               </td>          
  296.            </tr>
  297.            <tr>
  298.               <th>H</th>
  299.            </tr>
  300.            <tr>
  301.               <th>I</th>
  302.            </tr>
  303.         </tbody>
  304.              
  305.          
  306.          
  307.       </table>
  308.  
  309.       <h3>To Play</h3>
  310.       <p>Sudoku is played on a 9x9 grid with nine 3x3 boxes
  311.          placed within the grid. Enter a digit from 1 to 9 in
  312.          each table cell. A few starting numbers have been
  313.          supplied for you. The digits from 1 to 9 can appear
  314.          only once each in every row, column, and box in the
  315.          table (diagonals don't count). Every Sudoku puzzle
  316.          has a unique solution.
  317.       </p>
  318.       <p>Good luck!</p>
  319.      
  320.    </div>
  321.  
  322. </body>
  323.  
  324. </html>