Google Ad

Advanced Web Desgining Practial Extra Basic Questions for IT Exam March - 2021 with code and output


(Q1)

Write HTML code for displaying form with title Employee Login. It should have provision to take employee name, data of joining, and department. Use checkboxes for selecting departments as HR, purchase, Sales. Buttons should be provided for submitting and clearing data.

Answer:-

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

    <h1>Employee Login</h1>

    <form>
        Name : <input type="text" name="name">  <br> <br>
        Date of Joining : <input type="date" name="date">  <br> <br>
        Department : 
        <select>
            <option>HR</option>
            <option>purchase</option>
            <option>Sales</option>
        </select> <br> <br>

        <input type="submit" name="submit" value="submit">
        <input type="button" value="clear">

    </form>

</body>
</html>

Output

Write HTML code for displaying form with title Employee Login.

(Q2)

Design a personal information form in html that accept Name, age, address, current status as Working or Non-Working and Educational Qualification. Buttons should be provided for clearing and submitting data.

Answer:-

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

    <h1>Personal Information</h1>

    <form>
        Name : <input type="text" name="name">  <br> <br>
        Age  : <input type="text" name="age">  <br> <br>
        Address : <textarea></textarea>  <br> <br>
        Current Status : 
        <select>
            <option>Working</option>
            <option>Non Working</option>
            </select> <br> <br>
        Educational Qualification : 
        <select>
            <option>BSCIT</option>
            <option>12th</option>
            <option>10th</option>
            </select> <br> <br>

        <input type="submit" name="submit" value="submit">
        <input type="button" value="clear">

    </form>

</body>
</html>

Output

Design a personal information form in html that accept Name, age, address, current status as Working or Non-Working and Educational Qualification

(Q3)

Write html code to display a text World is Beautiful having font size 35, spacing between the letters using CSS.

Answer:-

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

    <h1 style="font-size: 35px; letter-spacing: 5px">World is Beautiful</h1>

</body>
</html>

 

Output :

Write html code to display a text World is Beautiful having font size 35, spacing between the letters using CSS.

(Q4)

Write html code to display a text Information Technology having font size 36, apply dotted border to the text and border color effect using CSS.

Answer:-

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

    <center><h1 style="font-size: 36px; border: dotted; border-color: red;">Information Technology</h1></center>

</body>
</html>

 

Output :

Write html code to display a text Information Technology having font size 36, apply dotted border to the text and border color effect using CSS.

(Q5)

Write html code to display a text Mobile World having font size 38, font color red and overline using CSS.

Answer:-

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

    <h1 style="font-size: 38px; color: red; text-decoration: overline;">Mobile World</h1>

</body>
</html>

 

Output :

Write html code to display a text Mobile World having font size 38, font color red and overline using CSS.

(Q6)

Write html code to display a text XII Online Exams having font size 36, text color red and underline text effect using CSS.

Answer:-

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>

        <h1 style="font-size: 38px; color: red; text-decoration: underline;">XII Online Exams</h1>

    </body>
    </html>

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>

        <h1 style="font-size: 38px; color: red; text-decoration: underline;">XII Online Exams</h1>

    </body>
    </html>

Output :

Write html code to display a text XII Online Exams having font size 36, text color red and underline text effect using CSS.

(Q7)

Write a program using html with following CSS specifications
a) The page should contain heading as XII IT in blue color.
b) Create Unordered list of topics in IT.
c) Change the font to Comic Sans.

Answer:-

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body style="font-family: Comic Sans">

        <h1 style="color: blue;">XII IT</h1>
        <ul>
            <li>Advanced Web Designing</li>
            <li>SEO</li>
            <li>HTML</li>
            <li>PHP</li>
            <li>Digital Marketing</li>
            <li>E Commerce</li>
        </ul>

    </body>
    </html>

 

Output :

Write a program using html with following CSS specifications

(Q8)

Write a program using html with following CSS specifications:
a) To create a form that should accept name, age, date of appointment from the user.
b) Create submit button to send the data.
c) The heading of the form should have orange background color with different font style.

Answer:-

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body style="font-family: Comic Sans">


<h1 style="color: orange; font-style: italic;">Appointment Form</h1>
<form>
    Name : <input type="text" name="name"> <br> <br>
    Age : <input type="text" name="age">  <br> <br>
    Appointment Date : <input type="date" name="date"> <br> <br>
    <input type="submit" name="submit" value="submit"> 
</form>

    </body>
    </html>

Output :

Write a program using html with following CSS specifications: