Scribd
Upload
18 views34 pages

HTML Assignmet Prsu Dca Pgdca

The document outlines a series of HTML assignments for a Post Graduation Diploma in Computer Applications at Pandit Ravishankar Shukla University. It includes tasks such as creating tables, lists, forms, and demonstrating hyperlinking, along with coding examples for each assignment. The assignments are designed to enhance skills in HTML and web development.

Uploaded by

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

HTML Assignmet Prsu Dca Pgdca

The document outlines a series of HTML assignments for a Post Graduation Diploma in Computer Applications at Pandit Ravishankar Shukla University. It includes tasks such as creating tables, lists, forms, and demonstrating hyperlinking, along with coding examples for each assignment. The assignments are designed to enhance skills in HTML and web development.

Uploaded by

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

HTML Assignmet PRSU DCA- Pgdca

post gradution diploma in computer application (Pandit Ravishankar Shukla


University)

Scan to open on Studocu

Downloaded by VIJAY KUMAR


Studocu is not sponsored or endorsed by any college or university

Downloaded by VIJAY KUMAR


INDEX
S. No. Assignment Page No. Remarks
Write an HTML Program to create the following table:
Class Subject2 Subject1 Subject3
1 BCA I Visual Basic PC Software Electronics
BCA II C++ DBMS English
BCA III Java Multimedia CSA
Write an HTML Program to create the following list:
 C
2  C++
 Fortran
 COBOL
Write an HTML Program to create the following list:
1. Java
3 2. Visual Basic
3. BASIC
4. COBOL
Write an HTML program to demonstrate hyperlinking between
4 two web pages. Create a marquee and also insert an image in the
page.
Write an HTML program to create frames in HTML with 3
5
columns (Width = 30%, 30%, 40%).
Write an HTML program to create a web page with a blue
6
background and the following text:
Write an HTML program to create the following table:
Admission

7 Course OC BC MBC SC/ST TOTAL


Computer-science 9 18 5 5 37
Commerce 14 25 6 5 50
Grand-total 87
Write an HTML program to create the following table:
Car Price List
Maruti Tata Ford
8 Model Price Model Price Model Price
Maruti 800 2 Lac Sumo 2 Lac Ikon 5 Lac
Omini 3 Lac Scropio 3 Lac Gen 2 Lac
Write an HTML program to create the following table:
STUDENTS REPORTS

Pandit Ravishankar Shukla University


9 NAME ROLL NO CLASS
Rahul 40 BCA-I
Preeti 85 BCA-I
Priya 74 BCA-I
Richa 95 BCA-I
Write an HTML program to create the following table:
Name Subject Marks
10 Arun Java 70
C 80
Ashish Java 75
C 69
S. No. Assignment Page No. Remarks

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
11 Create an HTML document and embed a flash movie in it.
Write the HTML coding to display the following table. Also insert
an image in the web page.

12 Subject Max Min Obtain


Java 100 33 75
Multimedia 100 33 70
Operating System 100 33 68
C++ 100 33 73
Write the HTML coding to display the following table:

13 Name Rahul
Roll No. 101
Subject Max Min Obtain
Java 100 33 75
Multimedia 100 33 70
Write an HTML program to create a form as the following:
Enter Name:
14 Enter Roll No:
Enter Age:
Enter DOB:

Write an HTML program to create a web page with an image as


15
background and the following text:

Create the following HTML form.

16

Create the following HTML form.

17

Create the following HTML form.

18

S. No. Assignment Page No. Remarks

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
Write the HTML coding for the following equations:
C2H5OH+PCl3=C2HCl+POCl3+HCl
19
4H3PO3=3H3PO4+PH3
PCl3+CL2=PCl5
Write the HTML code to display the following:
 Actors
o Bruce Wills
o Gerard Butler
o Vin Diesel
20 o Bradd Pitt
 Actress
o Julia Roberts
o Angelina Jolie
o Kate Winslet
o Cameron Diaz
Write the HTML code to display the following:
1. Cricket Player
A. Batsman
i. Sachin Tendulkar
ii. Rahul Dravid
iii. Virendra Sehwag
B. Bowler
21
i. Kumble
ii. Zaheer Khan
iii. Balaji
C. Bowler
i. Harbhajan
ii. Kumble
iii. Kartik

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT - 1
Object: Write an HTML program to create following table:
Class Subject2 Subject1 Subject3
BCA I Visual Basic PC Software Electronics
BCA II C++ DBMS English
BCA III Java Multimedia CSA
Coding:
<!DOCTYPE html>
<head>
<title>Assignment_1</title>
</head>

<body>
<table align="center" border="1" cellspacing="0">
<tr>
<th width="100">Class</th>
<th width="100">Subject2</th>
<th width="100">Subject1</th>
<th width="100">Subject3</th>
</tr>
<tr>
<th>BCA I</td>
<td align="center">Visual Basic</td>
<td align="center">PC Software</td>
<td align="center">Electronics</td>
</tr>
<tr>
<th>BCA II</td>
<td align="center">C++</td>
<td align="center">DBMS</td>
<td align="center">English</td>
</tr>
<tr>
<th>BCA III</td>
<td align="center">Java</td>
<td align="center">Multimedia</td>
<td align="center">CSA</td>
</tr>
</table>
</body>

</html>
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT - 2
Object: Write an HTML program to create following list:
 C
 C++
 Fortran
 COBOL
Coding:
<!DOCTYPE html>
<html>

<head>
<title>Programming Languages</title>
</head>

<body>
<ul>
<li>C</li>
<li>C++</li>
<li>Fortran</li>
<li>COBOL</li>
</ul>
</body>

</html>
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT - 3
Object: Write an HTML program to create following list:
1. Java
2. Visual Basic
3. BASIC
4. COBOL
Coding:
<!DOCTYPE html>
<html>

<head>
<title>Programming Languages List</title>
</head>

<body>
<ol>
<li>Java</li>
<li>Visual Basic</li>
<li>BASIC</li>
<li>COBOL</li>
</ol>
</body>

</html>

Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT - 4
Object: Write an HTML program to demonstrate hyperlinking between two web pages.
Create a marquee and also insert an image in the page.
Coding:
<!DOCTYPE html>
<html>
<head>
<title>Hyperlinking and Images Demo</title>
</head>
<body>
<a href="https://www.google.com/">Go to Google</a>
<marquee> Hello, world! This is a marquee. </marquee>
<img src="google.png" alt="Google logo" width="250">
</body>
</html>
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT - 5
Object: Write an HTML program to create frames in HTML with 3 columns:
(Width = 30%, 30%, 40%).

Coding:
<!DOCTYPE html>
<html>
<head>
<title>Three Column Frame</title>
</head>
<frameset cols="30%, 30%, 40%">
<frame src="ASSIGNMENT 14.html">
<frame src="ASSIGNMENT 17.html">
<frame src="ASSIGNMENT 18.html">
</frameset>
</html>

Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT - 6
Object: Write an HTML program to create a web page with a blue background and the
following text:
New Delhi
New Delhi, the capital and the third largest city of India is a fusion of the ancient and the
modern. The refrains of the Muslim dynasties with its architectural delights, give the majestic
ambience of the bygone era.

Coding:
<!DOCTYPE html>
<html>
<head>
<title>New Delhi</title>
</head>

<body bgcolor="blue" text="white">


<h1 align="center">
<u><b><i>New Delhi</i></b></u>
</h1>
<p style="text-indent:2em">
<i> Delhi, the capital and the third largest city of India is a
fusion of the ancient and the modern. The refrains of the Muslim
dynasties with its architectural delights, give the majestic
ambience of the bygone
era.
</i>
</p>
</body>

</html>
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT - 7
Object: Write an HTML program to create the following table:
Admission
Course OC BC MBC SC/ST TOTAL
Computer Science 9 18 5 5 37
Commerce 14 25 6 5 50
Grand Total 87

Coding:
<!DOCTYPE html>
<html>

<head>
<title>Admission</title>
</head>

<body>
<table border="1" cellspacing="0">
<caption>
<strong><u>Admission</u></strong>
</caption>
<tr>
<th width="140" align="left">Course</th>
<th width="70">OC</th>
<th width="70">BC</th>
<th width="70">MBC</th>
<th width="70">SC/ST</th>
<th width="70">TOTAL</th>
</tr>

<tr>
<th align="left">Computer-science</td>
<td align="center">9</td>
<td align="center">18</td>
<td align="center">5</td>
<td align="center">5</td>
<td align="center">37</td>
</tr>
<tr>
<th align="left">Commerce</td>
<td align="center">14</td>
<td align="center">25</td>
<td align="center">6</td>
<td align="center">5</td>
<td align="center">50</td>
</tr>
<tr>
<th colspan="5" align="left">Grand-total</th>
<td align="center">87</td>
</tr>

</table>
</body>

</html>

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT - 8
Object: Write an HTML program to create the following table:
Car Price List
Maruti Tata Ford
Model Price Model Price Model Price
Maruti 800 2 Lac Sumo 2 Lac Ikon 5 Lac
Omini 3 Lac Scropio 3 Lac Gen 2 Lac

Coding:

<!DOCTYPE html>
<html>
<head>
<title>Car Price List</title>
</head>
<body>
<table border="1" cellspacing="0">
<caption>
<strong><u>Car Price List</u></strong>
</caption>
<tr>
<th colspan="2" width="190">Maruti</th>
<th colspan="2" width="190">Tata</th>
<th colspan="2" width="190">Ford</th>
</tr>
<tr>
<th>Model</th>
<th>Price</th>
<th>Model</th>
<th>Price</th>
<th>Model</th>
<th>Price</th>

</tr>
<tr>
<td>Maruti 800</td>
<td>2 Lac</td>
<td>Sumo</td>
<td>2 Lac</td>
<td>Ikon</td>
<td>5 Lac</td>
</tr>
<tr>
<td>Omini</td>
<td>3 Lac</td>
<td>Scropio</td>
<td>3 Lac</td>
<td>Gen</td>
<td>2 Lac</td>
</tr>
</table>
</body>
</html>

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT - 9
Object: Write an HTML program to create the following table:
STUDENTS REPORTS
Pandit Ravishankar Shukla University
NAME ROLL NO CLASS
Rahul 40 BCA-I
Preeti 85 BCA-I
Priya 74 BCA-I
Richa 95 BCA-I

Coding:
<!DOCTYPE html>
<html>
<head>
<title>STUDENT REPORT</title>
</head>
<body bgcolor="PINK">
<h1 align="center">
<u>STUDENT REPORT</u>
</h1>
<table border="1" align="center">
<tr>
<th colspan="3">Pandit Ravishankar Shukla University</th>
</tr>
<tr>
<td align="center">NAME</td>
<td align="center">ROLL NO</td>
<td align="center">CLASS</td>
</tr>
<tr>
<td align="center">Rahul</td>
<td align="center">40</td>
<td align="center">BCA-1</td>
</tr>
<tr>
<td align="center">Preeti</td>
<td align="center">85</td>
<td align="center">BCA-1</td>
</tr>
<tr>
<td align="center">Priya</td>
<td align="center">75</td>
<td align="center">BCA-1</td>
</tr>
<tr>
<td align="center">Richa</td>
<td align="center">35</td>
<td align="center">BCA-1</td>
</tr>
</table>
</body>
</html>

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT - 10
Object: Write an HTML program to create the following table:
Student Records
Name Subject Marks
Arun Java 70
C 80
Ashish Java 75
C 69
Coding:
<!DOCTYPE html>
<head>
<title>STUDENT RECORDS</title>
</head>

<body>

<table border="1" align="center" cellspacing="0">


<caption><u>Student Records</u></caption>
<tr>
<th width="100">Name</th>
<th width="100">Subject</th>
<th width="100">Marks</th>
</tr>

<tr>
<td rowspan="2" align="center" valign="top">Arun</td>
<td align="center">Java</td>
<td align="center">70</td>
</tr>

<tr>
<td align="center">C</td>
<td align="center">80</td>
</tr>

<tr>
<td rowspan="2" align="center" valign="top">Ashish</td>
<td align="center">Java</td>
<td align="center">75</td>
</tr>

<tr>
<td align="center">C</td>
<td align="center">69</td>
</tr>

</table>
</body>

</html>

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT - 11
Object: Create an HTML document and embed a flash movie in it.

Coding:
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT - 12
Object: Write the HTML coding to display the following table. Also insert an image in
the web page.

Subject Max Min Obtain


Java 100 33 75
Multimedia 100 33 70
Operating-System 100 33 68
C++ 100 33 73
Coding:
<!DOCTYPE html>
<html>

<head>
<title>ASSIGNMENT 12</title>
</head>

<body>

<table align="center" border="1" cellspacing="0">


<tr>
<th width="150">Subject</th>
<th width="75">Max</th>
<th width="75">Min</th>
<th width="75">Obtain</th>
</tr>
<tr>
<td>Java</td>
<td>100</td>
<td>33</td>
<td>75</td>
</tr>
<tr>
<td>Multimedia</td>
<td>100</td>
<td>33</td>
<td>70</td>
</tr>
<tr>
<td>Operating-System</td>
<td>100</td>
<td>33</td>
<td>68</td>
</tr>
<tr>
<td>C++</td>
<td>100</td>
<td>33</td>
<td>73</td>
</tr>
</table>

<br>

<center>
<img src="pl.jpg" alt="Programming Languages" width="400" />
</center>

</body>

</html>

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT - 13
Object: Write the HTML coding to display the following table:
Name Rahul
Roll No. 101
Subject Max Min Obtain
Java 100 33 75
Multimedia 100 33 70

Coding:
<!DOCTYPE html>
<html>

<head>
<title>ASSIGNMENT 13</title>
</head>

<body>
<table align="center" border="1" cellspacing="0" >
<tr>
<th width="115" colspan="2">Name</th>
<td width="115" colspan="2">Rahul</td>
</tr>
<tr>
<th width="115" colspan="2">Roll No.</th>
<td width="115" colspan="2">101</td>
</tr>
<tr>
<th width="115">Subject</th>
<th width="115">Max</th>
<th width="115">Min</th>
<th width="115">Obtain</th>
</tr>
<tr>
<td width="115">Java</td>
<td width="115">100</td>
<td width="115">33</td>
<td width="115">75</td>
</tr>
<tr>
<td width="115">Multimedia</td>
<td width="115">100</td>
<td width="115">33</td>
<td width="115">70</td>
</tr>
</table>
</body>

</html>

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT - 14
Object: Write an HTML program to create a form as the following:
Enter Name:
Enter Roll No:
Enter Age:
Enter DOB:

Coding:
<!DOCTYPE html>
<html>
<head>
<title>ASSIGNMENT 14</title>
</head>
<body>
<table>
<tr>
<td>Enter Name:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>Enter Roll No.:</td>
<td><input type="text" name="roll"></td>
</tr>
<tr>
<td>Enter Age:</td>
<td><input type="number" name="age"></td>
</tr>
<tr>
<td>Enter DOB:</td>
<td><input type="date" name="dob"></td>
</tr>
</table>
</body>
</html>
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT – 15
Object: Write an HTML program to create a web page with an image as background
and the following text:
New Delhi
New Delhi, the capital and the third largest city of India is a fusion of the ancient and the modern.
The refrains of the Muslim dynasties with its architectural delights, give the majestic ambience of the
bygone era.
On the other side New Delhi, the imperial city built by British, reflect the fast-paced present. The
most fascinating of all is the character of Delhi which varies from the 13 th present century mausoleum of
the Lodi kings to ultra-modern glass skyscrapers.
Coding:
<!DOCTYPE html>
<html>

<head>
<title>ASSIGNMENT 15</title>
</head>

< body background="1.jpg" style="background-size: cover; background-repeat:


no-repeat;" text="white">
<p align="center">
<u><b>New Delhi</b></u>
</p>
<p style="text-indent: 25px">
New Delhi, the capital and the third largest city of India is a
fusion of the ancient and the modern. The refrains of the Muslim
dynasties with its architectural delights, give the majestic
ambience of the bygone era.
</p>
<p style="text-indent: 25px">
On the other side New Delhi, the imperial city built by British,
reflect the fast-paced present. The most fascinating of all is the
character of Delhi which varies from the 13th present century
mausoleum of the Lodi kings to ultra-modern glass skyscrapers.
</p>
</body>
</html>
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT – 16
Object: Create the following HTML form.

Coding:
<!DOCTYPE html>
<html>
<head>
<title>ASSIGNMENT 16</title>
</head>
<body>
<form>
<label for="username">USERNAME :</label>
<input type="text" id="username"><br><br>
<label for="password">PASSWORD :</label>
<input type="password" id="password"><br><br>
<p>
When user type characters in the password field, the browser
displays asterisks or bullets instead of characters.
</p>
<input type="submit" value="Submit Query">
</form>
</body>
</html>

Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT – 17
Object: Create the following HTML form.

Coding:
<!DOCTYPE html>
<html>

<head>
<title>ASSIGNMENT_17</title>
</head>

<body>
<form>
<label>FIRSTNAME:</label>
<input type="text"><br><br>

<label>LASTNAME:</label>
<input type="text"><br><br>

<label>GENDER:</label><br>

<label for="male">Male</label>
<input type="radio" id="male" name="gender">

<label for="female">Female</label>
<input type="radio" id="female" name="gender"><br><br>

<label>SUBJECT:</label>
<select>
<option>Mathematics</option>
<option>Operating System</option>
<option>CSA</option>
</select><br><br>

<input type="submit" value="Submit Querry">


</form>

</body>

</html>

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT – 18
Object: Create the following HTML form.

Coding:
<!DOCTYPE html>
<html>
<head>
<title>ASSIGNMENT_18</title>
</head>
<body>
<form>
<label for="name">Enter your name:</label>
<input type="text" id="name"><br><br>
<label for="roll">Enter your Roll No.:</label>
<input type="text" id="roll"><br><br>
<label for="subject">Subject:</label><br>
<input type="checkbox" id="java">
<label for="java">Java</label><br>
<input type="checkbox" id="c">
<label for="c">C</label><br>
<input type="checkbox" id="vb">
<label for="vb">Visual Basic</label><br>
<input type="checkbox" id="cpp">
<label for="cpp">C++</label><br><br>

<label for="class">Class:</label>
<select id="class" name="class">
<option value="BCA I">BCA I</option>
<option value="BCA II">BCA II</option>
<option value="BCA III">BCA III</option>
</select><br><br>
<input type="submit" value="Submit Query">
</form></body>
</html>
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT – 19
Object: Write the HTML coding for the following equations:
C2H5OH+PCl3=C2HCl+POCl3+HCl
4H3PO3=3H3PO4+PH3
PCl3+CL2=PCl5

Coding:
<!DOCTYPE html>
<html>
<head>
<title>ASSIGNMENT_19</title>
</head>
<body>
<p>
C<sub>2</sub>H<sub>5</sub>OH + PCl<sub>3</sub> = C<sub>2</sub>HCl +
POCl<sub>3</sub> + HCl
<br>
4H<sub>3</sub>PO<sub>3</sub> = 3H<sub>3</sub>PO<sub>4</sub> +
PH<sub>3</sub>
<br>
PCl<sub>3</sub> + Cl<sub>2</sub> = PCl<sub>5</sub>
</p>
</body>
</html>Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT – 20
Object: Write the HTML code to display the following:
 Actors
o Bruce Wills
o Gerard Butler
o Vin Diesel
o Bradd Pitt
 Actress
o Julia Roberts
o Angelina Jolie
o Kate Winslet
o Cameron Diaz

Coding:
<!DOCTYPE html>
<html>
<head>
<title>ASSIGNMENT_20</title>
</head>
<body>
<ul>
<li>Actors</li>
<ul>
<li>Bruce Wills</li>
<li>Gerard Butler</li>
<li>Vin Diesel</li>
<li>Bradd Pitt</li>
</ul>
<li>Actress</li>
<ul>
<li>Julie Roberts</li>
<li>Angelina Jolie</li>
<li>Kate Winslet</li>
<li>Cameron Diaz</li>
</ul>
</ul>
</body>
</html>
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
ASSIGNMENT – 21
Object: Write the HTML code to display the following:
1. Cricket Players
A. Batsman
i. Sachin Tendulkar
ii. Rahul Dravid
iii. Virendra Sehwag
B. Bowler
i. Kumble
ii. Zaheer Khan
iii. Balaji
C. Spinner
i. Harbhajan
ii. Kumble
iii. kartik

Coding:
<!DOCTYPE html>
<html>

<head>
<title> ASSIGNMENT_21</title>
</head>

<body>

<ol>
<li>
Cricket Playesr
<ol type="A">
<li>Batsman</li>
<ol type="i">
<li>Sachin Tendulkar</li>
<li>Rahul Dravid</li>
<li>Virendra Sehwag</li>
</ol>
<li>Bowler</li>
<ol type="i">
<li>Kumble</li>
<li>Zaheer Khan</li>
<li>Balaji</li>
</ol>
<li>Spinner</li>
<ol type="i">
<li>Harbhajan</li>
<li>Kumble</li>
<li>kartik</li>
</ol>
</ol>
</li>
</ol>

</body>

</html>

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR
Output:

HTML & INTERNET APPLICATION


Downloaded by VIJAY KUMAR

You might also like