Gr7 Term2 WS Answerkey 2023-24

Grade 7 / Computer Science Worksheet-Term II - Answerkey / 2023-24
Topic: - HTML 5
Write HTML5 Code to create the following webpages:
Q1: This topic is not assessed. This is not a compulsory project:
<!Doctype Html>
<html>
<head>
<title> SA1 Internals</title>
<style>
body{background-color:palegreen}
h1{color:orangered;text-align:center;font-family:Brush Script
MT;text-transform:uppercase;text-Decoration:underline;}
h2{color: indianred;font-family:Papyrus;text-Decoration:underline;}
p{font:25px georgian;color:red}
hr{width:70%; border:3px solid green;}
#tst1{color:blue; font:bold 20px georgian;list-style-type:circle}
#tst2{color:violet;font:20px cursive;list-style-type:square}
div{color:red;background-color:yellow}
span{color:darkgreen;font-style:italic}
</style>
</head>
<body >
<h1>Be a good digital citizen</h1>
<h2 >Legal</h2>
<ul id="tst1">
<li> Copyright</li>
<li>Login and Passwords</li>
</ul>
<h2>Appropriate</h2>
<ul id="tst2">
<li> Words and Images</li>
<li> Search engines, consider reading level</li>
<li>Tell trusted adult if receiving inappropriate messages</li>
</ul>
<h2 >Responsible</h2>
<ul id="tst1" >
<li> Prevent damage and misuse</li>
</ul>
<h2 >Kind</h2>
<ul id="tst2" >
<li> Feelings</li>
<li>Peoples rights</li>
<li> Tone of messages</li>
<li>Digital Etiquette</li>
</ul>
<hr>
<div>
<p > Name:<span>write your name</span><br>Date:3<sup>rd</sup>September</p>
</div>
</body>
</html>
Q2:
<!DOCTYPE html>
<html>
<head>
<title>Pollution</title>
</head>
<body >
<h1 > Water Pollution</h1>
<img src="water.jpeg" alt="waterpollution" width="200px" height="100px">
<center> <img src="water.jpeg" alt="waterpollution" width="200px" height="100px">
</center>
<img src="water.jpeg" alt="waterpollution" width="200px" height="100px"align="right">
</body>
</html>
Q3:
<!DOCTYPE html>
<html>
<head>
<style>
body{background-color:lightgrey}
h1{color:blue;text-transform:uppercase;text-decoration:underline;text-align:center}
p,ul{font-size:30px;font-family:verdana}
img{width:300px; height:300px;float:right }
</style>
</head>
<body >
<h1 > Air Pollution</h1>
<img src="airpollution.jpeg" alt="waterpollution" >
<p> Air pollution refers to the release of harmful contaminants (chemicals, toxic gases,
particulates, biological molecules, etc.) into the earth’s atmosphere. Some causes that
contribute to air pollution are:
</p>
<ul>
<li> Burning fossil fuels</li>
<li>Mining operations</li>
<li>Exhaust gases from industries and factories</li>
</ul>
</body>
</html>
Q4:
<!DOCTYPE html>
<html>
<head>
<style>
body{background-color:lightyellow}
h1{color:Green;text-align:center; text-decoration:underline;text-transform:uppercase;
font-family:Arial}
hr{border: 3px solid blue;width:50%}
p{color:Red;font-family:comicsansMs;font-size:30px;list-style-type:circle}
</style>
</head>
<body >
<h1 >Types of pollution</h1>
<p>
<a href="waterpollution.html" title="water pollution" target="blank"> Water
Pollution</a>
<br><a href="airpollution.html" title="air pollution" target="blank">Air
Pollution</a><br>
<a href="soilpollution.jpeg" title="soil pollution" target="blank">Soil Pollution </a><br>
<a href="https://www.nationalgeographic.org/encyclopedia/noise-pollution/"
title="Noise pollution" target="blank">Noise Pollution </a>
</p>
<hr>
</body>
</html>
Q5:
<!DOCTYPE html>
<html>
<head>
<style>
body{background-color:lightblue}
h1{color:blue;text-transform:uppercase;text-decoration:underline;text-align:center}
p{font-size:30px;font-family:verdana;color:purple}
img{width:300px; height:300px;display:block;margin:auto }
</style>
</head>
<body >
<h1 > Noise Pollution</h1>
<p> Noise pollution refers to the excessive amount of noise in the surrounding that
disrupts the natural balance. Usually, it is man-made, though certain natural calamities like
volcanoes can contribute to noise pollution.
</p>
<a href="https://byjus.com/biology/types-of-pollution/" title="noise pollution"
target="blank">
<img src="noise.jpeg" alt="nisepollution" >
</a>
<p>
<a href="mailto:reception@deensacademy.com">Contact the content creator</a>
</p>
</body>
</html>
Q6:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color:pink;font-size:20px;
}
p{color:red}
table{border:5px solid red;margin:auto;background-color:lightgreen;text-

align:center;width:600px;}
caption{font-family:cursive;font-size:30px;}
tr,td,th{border:2px solid black;text-align:center;}
</style>
</head>
<body>
<h2> Table example</h2>
<table >
<caption > Types of pollution and its causes</caption>
<tr>
<th > Types of pollution</th>
<th > Causes</th>
</tr>
<tr>
<td> Water Pollution</td>
<td>Agricultural waste</td>
</tr>
<tr>
<td> Air Pollution</td>
<td>Smoke from industries</td>
</tr>
<tr>
<td> Soil Pollution</td>
<td>Garbage</td>
</tr>
<tr>
<td> Noise Pollution</td>
<td>Traffic</td>
</tr>
</table>
</body>
</html>
Q7.
<!DOCTYPE html>
<html>
<head>
<style>
body {
}
p{color:red}

align:center;width:50%;padding:10px;border-collapse:collapse}
</style>
</head>
<body>
<table cellspacig="10" cellpadding="10">
<tr ><th colspan="2"> Pollution :Causes and effects</th></tr>
<tr>
<th > Causes</th>
</tr>
<tr>
<td rowspan="2"> Water Pollution</td>
<tr><td>Oil spills</td></tr>
</tr>
<tr>
<td rowspan="2"> Air Pollution</td>
<tr><td>Vehicles</td></tr>
</tr>
<tr>
<td rowspan="2"> Soil Pollution</td>
<td>Garbage</td>
<tr><td>plastic</td></tr>
</tr>
<tr>
<td rowspan="2"> Noise Pollution</td>
<td>Traffic</td>
<tr><td>Loudspeakers</td></tr>
</tr>
</table>
</body>
</html>
Q8: External Stylesheet: Do the previous question using external stylesheet
Tablestyles.css
body {
}
p{color:red}

<!DOCTYPE html>
<html>
<head>
<link href=”Tablestyles.css” rel =”stylesheet”>
</head>
<body>
<tr>
<th > Causes</th>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td>Garbage</td>
</tr>
<tr>
<td>Traffic</td>
</tr>
</table>
</body>
</html>
Q:HOTS Question
<!DOCTYPE html>
<html>
<head>
<style>
body {
}
p{color:red}

tr,td{border:2px solid black;text-align:center;color:darkgreen}

img{width:100px;height:100px}
th{border:2px solid black;text-align:center;color:purple;font-family:fantasy;text-
align:center}
</style>
</head>
<body>
<tr>
<th > Causes</th>
<th>Effects</th>
</tr>
<tr>
<td rowspan="2"><img src="watereffect.jpeg"></td>
</tr>
<tr>
<td rowspan="2"><img src="aireffects.jpeg"></td>
</tr>
<tr>
<td>Garbage</td>
<td rowspan="2"><img src="soileffects.jpg"></td>
</tr>
<tr>
<td>Traffic</td>
<td rowspan="2"><img src="noiseeffects.jpeg"></td>
</tr>
</table>
</body>
</html>
Q9:Form:
<!DOCTYPE html> <html>

<head>
<title> Form -Worksheet Q8
</title>
<link href="testsa.css" rel="stylesheet">
</head>
<body >
<h1>Solid Waste Management For Sustainable Development</h1>
<form>
<fieldset style="width:300px">
<legend> General information</legend>
Name: <input type="text" name="firstname"> <br><br>
Your Age<input type="text" name="Age" ><br>
Address:<br>
<textarea name="address" style="width:200px; height:100px;">Type your
Address</textarea><br>
<input type="radio" name="Gender" value="Male">Male
<input type="radio" name="Gender" value="female">Female<br>
</fieldset>
<fieldset style="width:300px">
<legend> Solid Waste management</legend>
1. Have you heard about waste management, if yes , in what way?<br>
<input type="checkbox" name="method1" value="Radio"> Radio<br>

<input type="checkbox" name="method2" value="TV"> TV<br>
<input type="checkbox" name="method3" value="Internet"> Internet<br>
<input type="checkbox" name="method4" value="School"> School<br>
<br>
2. What type of solid waste comes out of your household?<br><select name="types" multiple
>
<option value="Paper">Paper</option> <option value="Plastic">Plastic</option>
<option value="Tins/cans">Tins/cans</option>
<option value="Glass">Glass</option>
</select>
<br><br>
3. Where do you usually dispose the solid waste?<br><select name="disposal" >
<option value="publicbin">Public bin</option> <option value="street">By the road or
street</option>
<option value="Aparment ">Apartment collection center</option>
<option value="hole">Hole in my compound</option>
</select>
<br><br>
4. Do you know the environmental impact of solid waste?<br>
<input type="radio" name="impact" value="yes">Yes
<input type="radio" name="Impact" value="No">No<br><br><br>
5. Give your understanding on sustainable development:<br>
<textarea name="sdimportance" style="width:500px; height:100px;">importance of
Sustainable development</textarea><br>
<br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</fieldset>
</form>
</body>
</html>
css
body {Background-color:lavender; }
h1 { Background-color: orange; text-align:center; text-transform:capitalize;text-

decoration:underline}
fieldset {background-color:lightblue;margin:auto;font-size:20px;color:blue}
legend{font-size:25px;text-align:center}
Q10:
css:
h1{color:orange;text-align:center; text-decoration:underline;text-transform:uppercase; font-
family:Arial}
hr{border: 3px solid green;width:50%}
ul{color:blue;font-family:verdana;font-size:30px;list-style-type:square;
}
ol{color:orange;font-family:verdana;font-size:20px;list-style-type:upper-roman;
}
iframe{width:200px;height:400px;border:2px solid green;float:right}
<!DOCTYPE html>
<html>
<head>
<link href="testcss.css" rel="stylesheet">
</head>
<body >
<iframe src="https://www.airowater.com/blog/causes-and-effects-of-water-pollution/" >
</iframe>
<ul>
<li>Causes</li>
<ol>
<li> The industrial processes</li>
<li> Urban Waste</li>
<li> Oil spills</li>
<li> Modern Agriculture</li>
</ol>
<li>Effects</li>
<ol>
<li> The death of aquatic animals</li>
<li> disruption of food chains</li>
<li> Deseases</li>
<li> Disruption of ecosystem</li>
</ol>
</ul>
<hr>
</body>
</html>
Q11.
<!DOCTYPE html>
<html>
<head>
<link href="testcss.css" rel="stylesheet">
</head>
<body >
<p> Here is a video on water pollution</p>
<video src="video1.mp4" controls></video>
<p> This is an audio file </p>
<audio src="birds.mp3" controls></audio>
</body>
</html>
css:
p{font-size:25px;color: royalblue}
Q12:layout
<!DOCTYPE html>
<html>
<head>
<title>First Webpage</title>
<style>
li{ display: inline-block;
padding: 10px}
h2{color:red}
h1{font-size: 30px; color: Blue;text-align: center; padding-top: 15px;}
p{color:blue;font-size:25px}
nav{background-color:gold; float:left;width:200px;height:600px;font-size:20px}
header{background-color:red; height: 80px;width: 100%}
footer{background-color:pink; width: 100%; text-align: center;clear:both}
</style>
</head>
<body>
<header >
<h1 >Environment Pollution</h1>
</header>
<nav >
<ul>
<li><a href="airpollution.html">Airpollution</a></li>
<li><a href="waterpollution.html">Water Pollution</a></li>
<li><a href="nloisepollution.htm">Noise pollution</a></li>
<li><a href="soilpollution.html">Soil pollution</a></li>
</ul>
</nav>
<section >
<h2>Pollution</h2>
<p >Pollution is the introduction of contaminants into the natural environment that cause
adverse change. Pollution can take the form of any substance or energy.</p>
<h2 >Pollutants</h2>
<p >
A pollutant is a substance or energy introduced into the environment that has undesired
effects, or adversely affects the usefulness of a resource.</p>
<h2 >Causes of Environmental pollution</h2>
<p>There are many causes of pollution including chemical pollution into bodies of
water and soil through improper disposal practices and agricultural activities, and noise and
light pollution created by cities and urbanization as a result of population growth.</p>
</section>
<footer >
<h3>Gr7- Deens Academy</h3>
<p>© Copyright batch 2022-23. </p>
</footer>
</body>
</html>
********************************

Gr7 Term2 WS Answerkey 2023-24

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Gr7 Term2 WS Answerkey 2023-24

Uploaded by

Copyright:

Available Formats

Grade 7 / Computer Science Worksheet-Term II - Answerkey / 2023-24

Q1: This topic is not assessed. This is not a compulsory project:

table{border:5px solid red;margin:auto;background-color:lightgreen;text-

tr,td,th{border:2px solid black;text-align:center;}

table{border:5px solid red;margin:auto;background-color:lightgreen;text-

tr,td,th{border:2px solid black;text-align:center;}

Q8: External Stylesheet: Do the previous question using external stylesheet

table{border:5px solid red;margin:auto;background-color:lightgreen;text-

tr,td,th{border:2px solid black;text-align:center;}

table{border:5px solid red;margin:auto;background-color:lightgreen;text-

tr,td{border:2px solid black;text-align:center;color:darkgreen}

<!DOCTYPE html> <html>

<input type="checkbox" name="method1" value="Radio"> Radio<br>

h1 { Background-color: orange; text-align:center; text-transform:capitalize;text-

You might also like