vonko1988

html_forms_homework_task4.html

Jan 20th, 2014
222
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.39 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <title>Task4</title>
  5.     <link type = "text/css" rel = "stylesheet" href = "task4.css"/>
  6. </head>
  7. <body>
  8.     <form>
  9.         <table>
  10.             <thead>
  11.                 <tr>
  12.                     <th colspan = "2">
  13.                         <a href = "http://www.apple.com/">Apple</a>
  14.                         <a href = "http://www.toshiba.com/">Toshiba</a>
  15.                         <a href = "http://www.lenovo.com/">Lenovo</a>
  16.                         <a href = "http://www.dell.com/">Dell</a>
  17.                         <a href = "http://www.asus.com/">Asus</a>
  18.                         <a href = "http://www.acer.com/">Acer</a>
  19.                         <a href = "http://www.hp.com/">HP</a>
  20.                     </th>
  21.                 </tr>
  22.             </thead>
  23.             <tbody>
  24.                 <tr>
  25.                     <td id = "first">
  26.                         <table>
  27.                             <tbody>
  28.                                 <tr>
  29.                                     <td>
  30.                                         <fieldset>
  31.                                             <legend>Apple MacBook Air</legend>
  32.                                             <table>
  33.                                                 <tbody>
  34.                                                     <tr>
  35.                                                         <td rowspan = "3">
  36.                                                             <img src = "mac.png" alt = "macBook"/>
  37.                                                         </td>
  38.                                                         <td></td>
  39.                                                     </tr>
  40.                                                     <tr>
  41.                                                         <td>64 GB SSD</td>
  42.                                                     </tr>
  43.                                                     <tr>
  44.                                                         <td>2 GB DDR</td>
  45.                                                     </tr>
  46.                                                     <tr>
  47.                                                         <td>1300 USD</td>
  48.                                                         <td>Intel Core i5</td>
  49.                                                     </tr>
  50.                                                 </tbody>
  51.                                             </table>
  52.                                         </fieldset>
  53.                                     </td>
  54.                                     <td>
  55.                                         <fieldset>
  56.                                             <legend>Apple MacBook Air</legend>
  57.                                             <table>
  58.                                                 <tbody>
  59.                                                     <tr>
  60.                                                         <td rowspan = "3">
  61.                                                             <img src = "mac.png" alt = "macBook"/>
  62.                                                         </td>
  63.                                                         <td></td>
  64.                                                     </tr>
  65.                                                     <tr>
  66.                                                         <td>64 GB SSD</td>
  67.                                                     </tr>
  68.                                                     <tr>
  69.                                                         <td>2 GB DDR</td>
  70.                                                     </tr>
  71.                                                     <tr>
  72.                                                         <td>1300 USD</td>
  73.                                                         <td>Intel Core i5</td>
  74.                                                     </tr>
  75.                                                 </tbody>
  76.                                             </table>
  77.                                         </fieldset>
  78.                                     </td>
  79.                                 </tr>
  80.                                 <tr>
  81.                                     <td>
  82.                                         <fieldset>
  83.                                             <legend>Apple MacBook Air</legend>
  84.                                             <table>
  85.                                                 <tbody>
  86.                                                     <tr>
  87.                                                         <td rowspan = "3">
  88.                                                             <img src = "mac.png" alt = "macBook"/>
  89.                                                         </td>
  90.                                                         <td></td>
  91.                                                     </tr>
  92.                                                     <tr>
  93.                                                         <td>64 GB SSD</td>
  94.                                                     </tr>
  95.                                                     <tr>
  96.                                                         <td>2 GB DDR</td>
  97.                                                     </tr>
  98.                                                     <tr>
  99.                                                         <td>1300 USD</td>
  100.                                                         <td>Intel Core i5</td>
  101.                                                     </tr>
  102.                                                 </tbody>
  103.                                             </table>
  104.                                         </fieldset>
  105.                                     </td>
  106.                                     <td>
  107.                                         <fieldset>
  108.                                             <legend>Apple MacBook Air</legend>
  109.                                             <table>
  110.                                                 <tbody>
  111.                                                     <tr>
  112.                                                         <td rowspan = "3">
  113.                                                             <img src = "mac.png" alt = "macBook"/>
  114.                                                         </td>
  115.                                                         <td></td>
  116.                                                     </tr>
  117.                                                     <tr>
  118.                                                         <td>64 GB SSD</td>
  119.                                                     </tr>
  120.                                                     <tr>
  121.                                                         <td>2 GB DDR</td>
  122.                                                     </tr>
  123.                                                     <tr>
  124.                                                         <td>1300 USD</td>
  125.                                                         <td>Intel Core i5</td>
  126.                                                     </tr>
  127.                                                 </tbody>
  128.                                             </table>
  129.                                         </fieldset>
  130.                                     </td>
  131.                                 </tr>
  132.                                 <tr>
  133.                                     <td>
  134.                                         <fieldset>
  135.                                             <legend>Apple MacBook Air</legend>
  136.                                             <table>
  137.                                                 <tbody>
  138.                                                     <tr>
  139.                                                         <td rowspan = "3">
  140.                                                             <img src = "mac.png" alt = "macBook"/>
  141.                                                         </td>
  142.                                                         <td></td>
  143.                                                     </tr>
  144.                                                     <tr>
  145.                                                         <td>64 GB SSD</td>
  146.                                                     </tr>
  147.                                                     <tr>
  148.                                                         <td>2 GB DDR</td>
  149.                                                     </tr>
  150.                                                     <tr>
  151.                                                         <td>1300 USD</td>
  152.                                                         <td>Intel Core i5</td>
  153.                                                     </tr>
  154.                                                 </tbody>
  155.                                             </table>
  156.                                         </fieldset>
  157.                                     </td>
  158.                                     <td>
  159.                                         <fieldset>
  160.                                             <legend>Apple MacBook Air</legend>
  161.                                             <table>
  162.                                                 <tbody>
  163.                                                     <tr>
  164.                                                         <td rowspan = "3">
  165.                                                             <img src = "mac.png" alt = "macBook"/>
  166.                                                         </td>
  167.                                                         <td></td>
  168.                                                     </tr>
  169.                                                     <tr>
  170.                                                         <td>64 GB SSD</td>
  171.                                                     </tr>
  172.                                                     <tr>
  173.                                                         <td>2 GB DDR</td>
  174.                                                     </tr>
  175.                                                     <tr>
  176.                                                         <td>1300 USD</td>
  177.                                                         <td>Intel Core i5</td>
  178.                                                     </tr>
  179.                                                 </tbody>
  180.                                             </table>
  181.                                         </fieldset>
  182.                                     </td>
  183.                                 </tr>
  184.                             </tbody>
  185.                         </table>
  186.                     </td>
  187.                     <td id = "second">
  188.                         <label for = "minPrice"><span class= "left">Min Price:</span><span class = "right">500 USD</span></label>
  189.                         <input name = "minPrice" id = "minPrice" type = "range" min = "0" max = "100"/>
  190.                         <label for = "maxPrice"><span class= "left">Max Price:</span><span class = "right">1500 USD</span></label>
  191.                         <input name = "maxPrice" id = "maxPrice" type = "range" min = "0" max = "100"/>
  192.                         <label for = "minRam"><span class= "left">Min RAM:</span><span class = "right">4GB</span></label>
  193.                         <input name = "minRam" id = "minRam" type = "range" min = "0" max = "16" step = "2"/>
  194.                         <label for = "maxRam"><span class= "left">Max RAM:</span><span class = "right">16GB</span></label>
  195.                         <input name = "maxRam" id = "maxRam" type = "range" min = "0" max = "16" step = "2"/>
  196.                     </td>
  197.                 </tr>
  198.             </tbody>
  199.         </table>
  200.     </form>
  201. </body>
  202. </html>
Advertisement
Add Comment
Please, Sign In to add comment