Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html>
- <head>
- <title>Task4</title>
- <link type = "text/css" rel = "stylesheet" href = "task4.css"/>
- </head>
- <body>
- <form>
- <table>
- <thead>
- <tr>
- <th colspan = "2">
- <a href = "http://www.apple.com/">Apple</a>
- <a href = "http://www.toshiba.com/">Toshiba</a>
- <a href = "http://www.lenovo.com/">Lenovo</a>
- <a href = "http://www.dell.com/">Dell</a>
- <a href = "http://www.asus.com/">Asus</a>
- <a href = "http://www.acer.com/">Acer</a>
- <a href = "http://www.hp.com/">HP</a>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td id = "first">
- <table>
- <tbody>
- <tr>
- <td>
- <fieldset>
- <legend>Apple MacBook Air</legend>
- <table>
- <tbody>
- <tr>
- <td rowspan = "3">
- <img src = "mac.png" alt = "macBook"/>
- </td>
- <td></td>
- </tr>
- <tr>
- <td>64 GB SSD</td>
- </tr>
- <tr>
- <td>2 GB DDR</td>
- </tr>
- <tr>
- <td>1300 USD</td>
- <td>Intel Core i5</td>
- </tr>
- </tbody>
- </table>
- </fieldset>
- </td>
- <td>
- <fieldset>
- <legend>Apple MacBook Air</legend>
- <table>
- <tbody>
- <tr>
- <td rowspan = "3">
- <img src = "mac.png" alt = "macBook"/>
- </td>
- <td></td>
- </tr>
- <tr>
- <td>64 GB SSD</td>
- </tr>
- <tr>
- <td>2 GB DDR</td>
- </tr>
- <tr>
- <td>1300 USD</td>
- <td>Intel Core i5</td>
- </tr>
- </tbody>
- </table>
- </fieldset>
- </td>
- </tr>
- <tr>
- <td>
- <fieldset>
- <legend>Apple MacBook Air</legend>
- <table>
- <tbody>
- <tr>
- <td rowspan = "3">
- <img src = "mac.png" alt = "macBook"/>
- </td>
- <td></td>
- </tr>
- <tr>
- <td>64 GB SSD</td>
- </tr>
- <tr>
- <td>2 GB DDR</td>
- </tr>
- <tr>
- <td>1300 USD</td>
- <td>Intel Core i5</td>
- </tr>
- </tbody>
- </table>
- </fieldset>
- </td>
- <td>
- <fieldset>
- <legend>Apple MacBook Air</legend>
- <table>
- <tbody>
- <tr>
- <td rowspan = "3">
- <img src = "mac.png" alt = "macBook"/>
- </td>
- <td></td>
- </tr>
- <tr>
- <td>64 GB SSD</td>
- </tr>
- <tr>
- <td>2 GB DDR</td>
- </tr>
- <tr>
- <td>1300 USD</td>
- <td>Intel Core i5</td>
- </tr>
- </tbody>
- </table>
- </fieldset>
- </td>
- </tr>
- <tr>
- <td>
- <fieldset>
- <legend>Apple MacBook Air</legend>
- <table>
- <tbody>
- <tr>
- <td rowspan = "3">
- <img src = "mac.png" alt = "macBook"/>
- </td>
- <td></td>
- </tr>
- <tr>
- <td>64 GB SSD</td>
- </tr>
- <tr>
- <td>2 GB DDR</td>
- </tr>
- <tr>
- <td>1300 USD</td>
- <td>Intel Core i5</td>
- </tr>
- </tbody>
- </table>
- </fieldset>
- </td>
- <td>
- <fieldset>
- <legend>Apple MacBook Air</legend>
- <table>
- <tbody>
- <tr>
- <td rowspan = "3">
- <img src = "mac.png" alt = "macBook"/>
- </td>
- <td></td>
- </tr>
- <tr>
- <td>64 GB SSD</td>
- </tr>
- <tr>
- <td>2 GB DDR</td>
- </tr>
- <tr>
- <td>1300 USD</td>
- <td>Intel Core i5</td>
- </tr>
- </tbody>
- </table>
- </fieldset>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- <td id = "second">
- <label for = "minPrice"><span class= "left">Min Price:</span><span class = "right">500 USD</span></label>
- <input name = "minPrice" id = "minPrice" type = "range" min = "0" max = "100"/>
- <label for = "maxPrice"><span class= "left">Max Price:</span><span class = "right">1500 USD</span></label>
- <input name = "maxPrice" id = "maxPrice" type = "range" min = "0" max = "100"/>
- <label for = "minRam"><span class= "left">Min RAM:</span><span class = "right">4GB</span></label>
- <input name = "minRam" id = "minRam" type = "range" min = "0" max = "16" step = "2"/>
- <label for = "maxRam"><span class= "left">Max RAM:</span><span class = "right">16GB</span></label>
- <input name = "maxRam" id = "maxRam" type = "range" min = "0" max = "16" step = "2"/>
- </td>
- </tr>
- </tbody>
- </table>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment