Scribd Logo
Upload

Welcome to Scribd!

  • Ict Home Work

    Uploaded by

    mmusaimran24
    3 views2 pages
    The document provides instructions to create an HTML/CSS registration form with the following specifications: 1) Display the heading in Times New Roman font at 24px size. 2) Align field names like "Name" and "Class" to the right in the table and apply a light blue background color. 3) Create a registration form using HTML tags like <form>, <table>, <tr>, <td>, <input>, <select>, <textarea> to enter details like name, class, qualifications, email, address and upload a photo. 4) Style the form using an external CSS file called "ex3style.css" by selecting elements like headings, table cells etc.

    Original Description:

    Original Title

    ICT HOME WORK (2)

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document provides instructions to create an HTML/CSS registration form with the following specifications: 1) Display the heading in Times New Roman font at 24px size. 2) Align field names like "Name" and "Class" to the right in the table and apply a light blue background color. 3) Create a registration form using HTML tags like <form>, <table>, <tr>, <td>, <input>, <select>, <textarea> to enter details like name, class, qualifications, email, address and upload a photo. 4) Style the form using an external CSS file called "ex3style.css" by selecting elements like headings, table cells etc.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    3 views2 pages

    Ict Home Work

    Uploaded by

    mmusaimran24
    The document provides instructions to create an HTML/CSS registration form with the following specifications: 1) Display the heading in Times New Roman font at 24px size. 2) Align field names like "Name" and "Class" to the right in the table and apply a light blue background color. 3) Create a registration form using HTML tags like <form>, <table>, <tr>, <td>, <input>, <select>, <textarea> to enter details like name, class, qualifications, email, address and upload a photo. 4) Style the form using an external CSS file called "ex3style.css" by selecting elements like headings, table cells etc.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    ICT HOME WORK

    HTML/CSS Registration Form


    Problem Statement:
    Create a webpage to manage personal details like name, class, qualifications, photo, address etc., using tables and other suitable
    HTML tags. Apply the following style information:
    • Display the heading of the page in Times New Roman font and with 24px size.
    • Align all the field names like Name, Class, Photo etc to right in the table.
    • Apply light blue as background colour for the left side cells in the table which contains field names like Name, Class etc...

    <html>
    <head>
    <title>Exercise - 3</title>
    <link rel="stylesheet" type="text/css" href="ex3style.css" />
    </head>
    <body>
    <h3 id="heading">Registration Form</h3>
    <form id="regform">
    <table>
    <tr>
    <td class="right">Name:</td>
    <td><input type="text" /></td>
    </tr>
    <tr>
    <td class="right">Class:</td>
    <td>
    <select>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    </select>
    Year
    </td>
    </tr>
    <tr>
    <td class="right">Qualification:</td>
    <td>
    <select>
    <option>B.Tech</option>
    <option>M.Tech</option>
    <option>MBA</option>
    </select>
    </td>
    </tr>
    <tr>
    <td class="right">Email ID:</td>
    <td><input type="text" /></td>
    </tr>
    <tr>
    <td class="right">Address:</td>
    <td>
    <textarea rows="5" cols="20"><//textarea>
    </td>
    </tr>
    <tr>
    <td class="right">Upload Photo:</td>
    <td><input type="file" /></td>
    </tr>
    <tr>
    <td class="right"></td>
    <td>
    <input type="submit" value="Register" />
    <input type="reset" value="Clear" />
    </td>
    </tr>
    </table>
    </form>
    </body>
    </html>

    ex3style.css ( File name should be same in head tag)


    #heading
    {
    font-family: 'times new roman'; font-size: 24px;
    }
    td.right
    {
    text-align: right; background-color: lightblue;
    }

    ❖ Make sure to make a folder and save both CSS and HTML
    files in that folder

    You might also like