Scribd Logo
Importer

Bienvenue sur Scribd !

  • IWP Lab 2

    Transféré par

    Yash Trada
    10 vues8 pages
    Lab I love you

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    Lab I love you

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    10 vues8 pages

    IWP Lab 2

    Transféré par

    Yash Trada
    Lab I love you

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 8

    Name : Trada Yashkumar Rameshbhai

    Reg No : 16BCE1023

    IWP Lab 2
    Q1. i) Code:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Solar System 16BCE1023</title>
    </head>
    <body>
    <map name=galaxy>
    <area shape="circle" coords="12,349,144" alt="sun" onclick="alert('Sun: Ball of Fire')">
    <area shape="circle" coords="172,187,22" alt="Venus" onclick="alert('Venus: Morning Star')">
    <area shape="circle" coords="282,253,40" alt="Earth" onclick="alert('Earth: Blue Planet')">
    <area shape="circle" coords="386,182,55" alt="Jupiter" onclick="alert('Jupiter: Largest
    Planet')">
    <area shape="circle" coords="483,276,28" alt="Saturn" onclick="alert('Saturn: Ring Planet')">
    <area shape="circle" coords="584,59,14" alt="Pluto" onclick="alert('Pluto: Dwarf Planet')">
    <area shape="rectangle" coords="4,6,161,44" alt="My Space" onclick="alert('Manan Tyagi')">

    </map>
    <img src="galaxy.png" width=634px usemap=#galaxy>
    </body>
    </html>

    OUTPUT:

    On Clicking Jupiter:

    ii) Code:
    <!DOCTYPE html>
    <html>
    <body>

    <table bgcolor="yellow">
    <tr>
    <td>Enter Name</td>
    <td><input type="text"></td>
    </tr>

    <tr>
    <td>Enter Password</td>
    <td><input type="text"></td>
    </tr>

    <tr>
    <td>Skills
    <td>
    CSS
    <input type="checkbox" checked="true">
    JavaScript
    <input type="checkbox">
    jQuery
    <input type="checkbox">
    Php
    <input type="checkbox">
    </td>
    </tr>

    <tr>
    <td>Upload Your Image</td>
    <td><input type="text" value="Browse">No file selected</td>
    </tr>

    <tr>
    <td>Gender</td>
    <td> <input type="radio" name="gender" value="male" checked> Male
    <input type="radio" name="gender" value="female"> Female</td>
    </tr>

    <tr>
    <td>Select Country</td>
    <td>
    <select>
    <option>INDIA</option>
    <option>USA</option>
    <option>ENGLAND</option>
    <option>AUSTRALIA</option>

    </select>
    </td>
    </tr>

    <tr>
    <td height="100px">Comments</td>
    <td><textarea rows="5px" cols="50px">Enter your comments</textarea></td>
    </tr>

    </table>
    <center>
    <button>Send us</button>
    </center>
    </body>
    </html>

    Output:
    Q2. Code:
    <html>
    <head><title> My Color Page : 16BCE1023 </title>
    <style>li{padding:5px}</style></head>

    <body style="color:white;font-size:40px;text-align:center;vertical-align:middle">
    <div style="float:left;height:100%;width:15%;color:black"><h1
    style="margin:0px;padding:0px;font-size:30px;padding-top:40%">Color Menu</h1>
    <ul style="text-align:left;font-size:25px">
    <li style="color:blue"> Blue</li>
    <li style="color:orange"> Orange</li>
    <li style="color:red"> Red</li>
    <li style="color:green"> Green</li>
    <li style="color:black"> Black</li>
    <li style="color:purple"> Purple</li>
    <li style="color:yellow"> Yellow</li>
    </ul>
    </div>
    <div style="float:left;height:100%;width:40%; background-color:blue"><h1
    style="margin:0px;padding:0px;padding-top:60%;padding-bottom:50%">Blue</h1></div>

    <div style="float:left;height:100%;width:25%">
    <div style="height:60%; background-color:orange"><h1
    style="margin:0px;padding:0px;padding-top:50%;padding-bottom:50%">Orange</h1></div>

    <div style="height:40%; background-color:red"><h1 style="margin:0px;padding:0px;padding-


    top:40%;padding-bottom:50%">Red</h1></div>
    </div>
    <div style="float:left;height:100%;width:20%">
    <div style="height:50%; background-color:green"><h1
    style="margin:0px;padding:0px;padding-top:50%;padding-bottom:50%">Green</h1></div>
    <div style="height:25%; background-color:black"><h1
    style="margin:0px;padding:0px;padding-top:20%;padding-bottom:50%">Black</h1></div>
    <div style="height:25%; background-color:purple"><h1
    style="margin:0px;padding:0px;padding-top:20%;padding-bottom:50%">Purple</h1></div>
    </div>

    </body>
    </html>

    OUTPUT:

    Vous aimerez peut-être aussi