Scribd Logo
Hochladen

Willkommen bei Scribd!

  • Lab 02 Task

    Hochgeladen von

    Hamza Ali
    13 Ansichten7 Seiten

    Originaltitel

    Lab 02 Task.docx

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    DOCX, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden

    Copyright:

    © All Rights Reserved
    Als DOCX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    13 Ansichten7 Seiten

    Lab 02 Task

    Hochgeladen von

    Hamza Ali

    Copyright:

    © All Rights Reserved
    Als DOCX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 7

    Lab 02: Forms in HTML

    Name of Student: Muhammad Hamza Liaqat

    Roll No.: Fa-2016/Bsc.EE/065

    Date of Experiment: 1st March 2020

    Report submitted on: 1st March 2020

    -------------------------------------------------------------------------------------------------------------

    Marks obtained: ……………………………………


    Remarks: ……………………………………………
    Instructor’s Signature: ……………………………...’

    Spring 2020-Semester VIII


    Task No . 01 :

    <!---TASK 01 !-->
    <html>
    <head>
        <title>Assignment Lab 02</title>
        <style>
        table,th,td{
            border : 2px solid black;
        }
        </style>
    </head>
    <body>
        <br><br><br>
        <center>
        <table>
            <tr>
                <th>
                    Header
                </th>
                <th>
                    Header
                </th>
                <th>
                    Header
                </th>
                <th>
                    Header
                </th>            
            </tr>
            <tr>
                <td rowspan="4">
                    You Can Span Down.
                </td>
                <td colspan="3">
                    You Can Span Across.
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    It's Like A Puzzle.
                </td>
                <td rowspan="3">
                    Over Here.
                </td>
            </tr>
            <tr>
                <td rowspan="2">
                    This Way.
                </td>
                <td>
                    That Way.
                </td>
            </tr>
            <tr>
                <td>
                    Where Am I ?
                </td>
            </tr>
        </table>
        </center>
    </body>
    </html>
    Task No. 02 :

    <html>

    <head>
        <title>Assignment Lab02 Task2</title>
    </head>
    <body>
        <form>
            <fieldset>
                <legend>Academic Information</legend>
                <label>Degree </label>
                <select name="op" id="open">
                        <option value="Degree" selected>
    Master of Business Administration
    </option>
                </select>
                <br>
                <label>Student ID</label>
                <input type="text" value="Fall2016/BSC.EE/065">
                <br>
                <label>Password</label>
                <input type="text">
            </fieldset>
            <fieldset>
                <legend>Personal Details</legend>
                <label for="fname">First Name : </label>
                <input type="text" name="fname">
                <br>
                <label for="lname">Last Name : </label>
                <input type="text" name="lname">
                <br>
                <label for="lb">Gender :</label>
                <input type="radio" value="Gender" name="Gender" id="Gender">
                <label for="l_b">Male</label>
              
                <input type="radio" value="Gender" name="Gender" id="Gender">
                <label for="l_b">Female</label><br>
         
                <label for="email">Email : </label>
                <input type="email" name="Email">
                <br>
                <label for="textarea">Address :</label>
                <textarea id="textarea" style="height:100px; width:300px ;">
    </textarea>
            </fieldset>
                <input type="checkbox">
                <label class="lab">I Accept </label>
                <A href="#anchor name">Terms and Conditions</A>
                <br><br>
                <button>Send Form</button>
                <button>Clear Form</button>
        </form>
    </body>
    </html>
    Task No. 03 :

            
    input[type=text],input[type=email]
            {
                width: 200px;
            }
           input[type=checkbox]{
                vertical-align: middle;
            }
           label[for=l_b]{
               width: 30px;
           }
      
            label{
                width: 80px;
                margin: 4px;
                display: inline-block;
                vertical-align: middle;
            }
            textarea{
                vertical-align: middle;
            }
            .lab{
                width: 55px;
            }

    Das könnte Ihnen auch gefallen