Scribd
Upload
3 views

Q8 Coding

The document contains a series of HTML programming tasks, each requiring the creation of forms or display elements with specific functionalities and styles. It includes examples of forms for student and employee data, various types of lists, and text formatting using internal, inline, and external CSS. Each task is presented with an HTML code snippet that fulfills the requirements outlined in the question.

Uploaded by

newwork7021
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views

Q8 Coding

The document contains a series of HTML programming tasks, each requiring the creation of forms or display elements with specific functionalities and styles. It includes examples of forms for student and employee data, various types of lists, and text formatting using internal, inline, and external CSS. Each task is presented with an HTML code snippet that fulfills the requirements outlined in the question.

Uploaded by

newwork7021
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

Questions on Coding: (10 Marks)

1. Write html program to create a form to accept students registration details of ID, date of birth
and password with submit and clear button.

<!DOCTYPE html>
<html>
<head><title>Form</title></head>
<body>
<form method=”post” action=”file.php” name=”f1”>
<h1 align=”center”>Student Registration</h1>
Student ID: <input type=”text” name=”t1”><br><br>
Date of Birth: <input type=”date” name=”d1”><br><br>
Password: <input type=”password” name=”p1”><br><br>
<input type=”submit” value=”Submit” name=”b1”>
<input type=”reset” value=”Clear” name=”b2”>
</form>
</body>
</html>

2. Write html program to display paragraph “Information Technology 2020-21” with bold, italic
and underline effect using internal CSS.

<!DOCTYPE html>
<html>
<head><title>Internal CSS</title>
<style>
P{font-weight:900;font-style:italic;text-decoration:underline}
</style>
</head>
<body>
<P> Information Technology 2020-21 </P>
</body>
</html>

3. Write html program to create a form to accept students name, telephone, email-id and 3
hobbies with submit and clear button.

<!DOCTYPE html>
<html>
<head><title>Form</title></head>
<body>
<form method=”post” action=”file.php” name=”f1”>
<h1 align=”center”>Student Data</h1>
Student Name: <input type=”text” name=”n1”><br><br>
Telephone: <input type=”tel” name=”t1”><br><br>
Email-ID: <input type=”email” name=”e1”><br><br>
Hobbies: <input type=”checkbox” name=”c1” value=”Drawing”>Drawing
<input type=”checkbox” name=”c2” value=”Dancing”>Dancing
<input type=”checkbox” name=”c3” value=”Reading”>Reading<br><br>
<input type=”submit” value=”Submit” name=”b1”>
<input type=”reset” value=”Clear” name=”b2”>
</form>
</body>
</html>

4. Write html program to display list as follows:


1. English
2. Marathi
a. Chapter1
b. Chapter 2
c. Chapter 3
3. Accounts

<!DOCTYPE html>
<html>
<head><title>List</title></head>
<body>
<ol type=”1”>
<li>English</li>
<li>Marathi<li>
<ol type=”a”>
<li>Chapter 1</li>
<li>Chapter 2</li>
<li>Chapter 3</li>
</ol>
<li>Accounts</li>
</ol>
</body>
</html>

5. Write html program to create a form to accept employees name, salary and gender with
submit and clear button.

<!DOCTYPE html>
<html>
<head><title>Form</title></head>
<body>
<form method=”post” action=”file.php” name=”f1”>
<h1 align=”center”>Employee Data</h1>
Employee Name: <input type=”text” name=”n1”><br><br>
Salary: <input type=”number” name=”s1”><br><br>
Gender: <input type=”radio” name=”g1” value=”male”>Male
<input type=”radio” name=”g1” value=”female”>Female<br><br>
<input type=”submit” value=”Submit” name=”b1”>
<input type=”reset” value=”Clear” name=”b2”>
</form>
</body>
</html>

6. Write html program to display paragraph “Be always happy and Be in progress” with font size
30px and red colour using inline CSS.

<!DOCTYPE html>
<html>
<head><title>Inline CSS</title></head>
<body>
<P style=”color:red;font-size:30px”> Be always happy and Be in progress </P>
</body>
</html>

7. Write html program to create a form to accept employees name and address with submit and
clear button.

<!DOCTYPE html>
<html>
<head><title>Form</title></head>
<body>
<form method=”post” action=”file.php” name=”f1”>
<h1 align=”center”>Employee Data</h1>
Employee Name: <input type=”text” name=”n1”><br><br>
Address: <textarea rows=”5” cols=”50” name=”a1”></textarea><br><br>
<input type=”submit” value=”Submit” name=”b1”>
<input type=”reset” value=”Clear” name=”b2”>
</form>
</body>
</html>

8. Write html program to display list as follows:


4. Subject 1
a. Topic 1
b. Topic 2
5. Subject 2
a. Chapter1
b. Chapter 2
c. Chapter 3
6. Subject 3

<!DOCTYPE html>
<html>
<head><title>List</title></head>
<body>
<ol type=”1” start=”4”>
<li>Subject 1</li>
<ol type=”a”>
<li>Topic 1</li>
<li>Topic 2</li>
</ol>
<li>Subject 2</li>
<ol type=”a”>
<li>Chapter 1</li>
<li>Chapter 2</li>
<li>Chapter 3</li>
</ol>
<li>Subject 3</li>
</ol>
</body>
</html>

9. Write html program to create a form to accept students seat no, name, exam date and exam
time with submit and clear button.

<!DOCTYPE html>
<html>
<head><title>Form</title></head>
<body>
<form method=”post” action=”file.php” name=”f1”>
<h1 align=”center”>Student Data</h1>
Seat Number: <input type=”text” name=”s1”><br><br>
Student Name: <input type=”text” name=”n1”><br><br>
Exam Date: <input type=”date” name=”e1”><br><br>
Exam Time: <input type=”time” name=”t1”><br><br>
<input type=”submit” value=”Submit” name=”b1”>
<input type=”reset” value=”Clear” name=”b2”>
</form>
</body>
</html>

10. Write html program to display paragraph “Good luck and good wishes.” with bold, center
aligned effect using internal CSS.

<!DOCTYPE html>
<html>
<head><title>Internal CSS</title>
<style>
P{font-weight:900;text-align:center}
</style>
</head>
<body>
<P> Good luck and good wishes.</P>
</body>
</html>

11. Write html program to create a form to accept employees name, telephone (xx-xxxxxxxxxx),
date of joining with submit and clear button.

<!DOCTYPE html>
<html>
<head><title>Form</title></head>
<body>
<form method=”post” action=”file.php” name=”f1”>
<h1 align=”center”>Employee Data</h1>
Employee Name: <input type=”text” name=”n1”><br><br>
Telephone: <input type=”tel” name=”t1” placeholder=”xx-xxxxxxxxxx” pattern=”[0-9]{2}-[0-
9]{10}”><br><br>
Date of Joining: <input type=”date” name=”d1”><br><br>
<input type=”submit” value=”Submit” name=”b1”>
<input type=”reset” value=”Clear” name=”b2”>
</form>
</body>
</html>

12. Write html program display paragraph “Prayers and good thoughts coming your way. Good
luck.” with arial font and font size 25px effect using inline CSS.

<!DOCTYPE html>
<html>
<head><title>Inline CSS</title></head>
<body>
<P style=”font-family:arial;font-size:25px”> Prayers and good thoughts coming your way. Good
luck.</P>
</body>
</html>

13. Write html program to create a form to accept students admission details name, address, date
of birth with submit and clear button.

<!DOCTYPE html>
<html>
<head><title>Form</title></head>
<body>
<form method=”post” action=”file.php” name=”f1”>
<h1 align=”center”>Student Admission Form</h1>
Student Name: <input type=”text” name=”n1”><br><br>
Address: <textarea rows=”5” cols=”50” name=”a1”></textarea><br><br>
Date of Birth: <input type=”date” name=”d1”><br><br>
<input type=”submit” value=”Submit” name=”b1”>
<input type=”reset” value=”Clear” name=”b2”>
</form>
</body>
</html>

14. Write html program to display paragraph “You can do this!” with font colour red and
background colour yellow effect using external CSS.

<!DOCTYPE html>
<html>
<head><title>External CSS</title>
<link rel=”stylesheet” type=”text/css” href=”XYZ.CSS”>
</head>
<body>
<P> You can do this!</P>
</body>
</html>
--------------------------------------------------------------------------------------------------------------------------------------

XYZ.CSS
P{color:red;background-color:yellow}

15. Write html program to create a form to accept students name, telephone, and languages
known (3 languages option) with submit and clear button.

<!DOCTYPE html>
<html>
<head><title>Form</title></head>
<body>
<form method=”post” action=”file.php” name=”f1”>
<h1 align=”center”>Student Data</h1>
Student Name: <input type=”text” name=”n1”><br><br>
Telephone: <input type=”tel” name=”t1”><br><br>
Languages Known: <input type=”checkbox” name=”c1” value=”hindi”>Hindi
<input type=”checkbox” name=”c2” value=”marathi”>Marathi
<input type=”checkbox” name=”c3” value=”english”>English<br><br>
<input type=”submit” value=”Submit” name=”b1”>
<input type=”reset” value=”Clear” name=”b2”>
</form>
</body>
</html>

16. Write html program to display list as follows:


1. Sunday
i. One
ii. Two
▪ Jan
▪ Feb
2. Monday
3. Tuesday

<!DOCTYPE html>
<html>
<head><title>List</title></head>
<body>
<ol type=”1”>
<li>Sunday</li>
<ol type=”i”>
<li>One</li>
<li>Two</li>
<ul style=”list-style-type:square”>
<li>Jan</li>
<li>Feb</li>
</ul>
</ol>
<li>Monday</li>
<li>Tuesday</li>
</ol>
</body>
</html>

17. Write html program to create a form to accept salesman name, sales amount, area given with
submit and clear button.

<!DOCTYPE html>
<html>
<head><title>Form</title></head>
<body>
<form method=”post” action=”file.php” name=”f1”>
<h1 align=”center”>Salesman Data</h1>
Salesman Name: <input type=”text” name=”n1”><br><br>
Sales Amount: <input type=”number” name=”a1”><br><br>
Area: <input type=”text” name=”a1”><br><br>
<input type=”submit” value=”Submit” name=”b1”>
<input type=”reset” value=”Clear” name=”b2”>
</form>
</body>
</html>

18. Write html program to display paragraph “Just relax and do your best. You’ll be great!” with
bold, italic and red border effect using internal CSS.
<!DOCTYPE html>
<html>
<head><title>Internal CSS</title>
<style>
P{font-weight:900;font-style:italic;border:solid red}
</style>
</head>
<body>
<P> Just relax and do your best. You’ll be great! </P>
</body>
</html>

19. Write html program to create a form to accept employee name, Qualification (SSC, HSC,
BCOM) using drop down list with submit and clear button.

<!DOCTYPE html>
<html>
<head><title>Form</title></head>
<body>
<form method=”post” action=”file.php” name=”f1”>
<h1 align=”center”>Employee Data</h1>
Employee Name: <input type=”text” name=”n1”><br><br>
Qualification:<select name=”q1”>
<option value=”ssc”>SSC</option>
<option value=”hsc”>HSC</option>
<option value=”bcom”>BCOM</option>
</select><br><br>
<input type=”submit” value=”Submit” name=”b1”>
<input type=”reset” value=”Clear” name=”b2”>
</form>
</body>
</html>

20. Write html program to display list as follows:


o Introduction to IT
o Introduction to DBMS
• Definition of DBMS
• Applications of DBMS
• Advantages of DBMS
o PostgreSql

<!DOCTYPE html>
<html>
<head><title>List</title></head>
<body>
<ul style=”list-style-type:circle”>
<li>Introduction to IT</li>
<li>Introduction to DBMS</li>
<ul style=”list-style-type:disc”>
<li> Definition of DBMS</li>
<li>Application of DBMS</li>
<li>Advantages of DBMS</li>
</ul>
<li>PostgreSql</li>
</ul>
</body>
</html>

(Board Bank)

21. Write html program to accept name of the college, total number of students in the college,
total number of halls (range till 100). The data should be sent to the server.
22. Write html program to display names of two departments and also display course like B.Sc,
M.Sc, B.A., M.A. under department name in unordered list.
23. Write a html program to create a form to accept Doctors name, number of patients (maximum
20), date of examining patients.
24. Write a html program to display “Cyber World” having Arial font and background colour cyan.
Add any two advantages having blue colour for the text.
25. Write a html program to accept name of the hospital, email Id of the hospital, number of beds
in the hospital. The data should be sent to the server.
26. Write a html program to display “Web designing” in italic format and having underline using
internal CSS. Add any two sentences about web designing in green colour.
27. Write a html program to display “Maharashtra State Board” in font size 40 pixel using internal
CSS. Give background colour yellow for the same text.
28. Write a html program to display “Digital India” in vardana font using internal CSS. Add any two
sentences about Digital India below in orange colour.
29. Write a html program to create a form to accept students roll no (in number format), unit test
marks (maximum 25 marks), terminal exam marks (maximum 50 marks). Include the name
the subject teacher send the data to the server.
30. Write a html program to create a form to accept student name, number of practical’s he has
completed and provide facility to upload his completion certificate.
31. Write html program to insert inline frame on web page. Use “xyz.html” file as a source for
inline frame size of inline frame should be 300 x 300 pixels.
32. Write a html program to accept students Id (combination of alphabets and numbers), date of
joining college, percentages in previous class (in digits). The data should be sent to the
server.
33. Write a html program to display “E-Commerce” having Arial font using inline CSS. Add an
ordered list having any two advantages of it.
34. Write a html program to create a list of 3 flowers in ordered list and list of 3 fruits in
unordered list.
35. Write a html program to create a form to accept patients name, his mobile number and date of
birth. Keep all fields compulsory.
36. Write a html program to display names of two friends in ordered list and also display their
hobbies under their name in unordered list.

You might also like