SOP 4: Write a program using HTML with the following specification.
. A webpage with details about a class with total number of students-100. (B.
50), Girls- 50 in tabular form.
c.g.
| Number of Students Boys Girls
100
50 50
• Link this page to another page as follows.
STD - XI
Stream - Science
Div - A
Demo.html
Answers
Explanation:
I hope it's enough for you........
Answer:
1.The program for the tabular form of details about a class with total number of students 100, boys= 50 and girls = 50 was given.
2. The program for linking page to another page was also given.
Explanation:
1. Program for displaying the students details in tabular form:
HTML Code:
<!DOCTYPE html>
<html>
<head>
<title>sop4A</title>
</head>
<table border=1 cellspacing=0>
<tr bgcolor="gold" align="center">
<th>Boys
<th>Girls
</tr>
<tr bgcolor="lightgreen" aligm="center">
<th>100
<th>50
<th>50
</tr>
</table>
</body>
</html>
Output:
The above details will be displayed in the tabular form.
Number of students Boys Girls
100 50 50
2. Program for linking one page with another:
HTML Code:
<!DOCTYPE html>
<html>
<head>
<title>sop4B</title>
</head>
<body>
<b>STD - XI</b><br><br>
<b><i>Stream - Science<i/></b><br><br>
<u>Div - A<u/><br><br>
<a href="demo.html">Demo.html</a>
</body>
</html>
HTML Code:
<!DOCTYPE html>
<html>
<head>
<title>sop4B</title>
</head>
<body>
<h1>This is demo page</h1>
<a href="sop4b.html">First page</a>
</body>
</html>
Output:
The two page will be linked as follows,
STD - XI
stream - Science
Div - A
Demo.html
#SPJ3