-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmodule2assignment
More file actions
251 lines (227 loc) · 18.5 KB
/
module2assignment
File metadata and controls
251 lines (227 loc) · 18.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
<!DOCTYPE html>
<html>
<head>
<title>Multimedia Webpage</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: rgb(79, 243, 9);
margin: 0;
padding: 20px;
}
h1 {
color: #333;
}
/* Removed invalid CSS line */
h3{
forced-color-adjust: cyan;
}
:any-link
video, audio {
display: block;
margin: 20px 0;
max-width: 100%;
height: auto;
}
body {
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
color: rgb(5, 8, 94);
}
</style>
<body background-color="lightgreen">
<h3>Welcome to My Multimedia Webpage</h3>
<h4>
<!--This is the code for the links in the menu-->
<a href="">Form</a>
<a href=""> Table</a>
<a href="">Lists</a>
<a href=""> Multimedia</a>
<a href="">Mountains</a>
<a href="">Water Bodies</a>
<br ><br><br>
<!--This is the code for the form-->
<form border ="2" width="400" height="300" action="https://example.com/submit" method="post">
<label for="name">First Name</label>
<input type="text" id="name" name="firstname" required>
<label for="name">Middle Name</label>
<input type="text" id="name" name="middlename" required>
<label for="name">Last Name</label>
<input type="text" id="name" name="lastname" required> <br><br>
<label for="name">Date of Birth</label>
<input type="date" id="datemax" name="datemax" max="2010-12-31" min="1970-01-01">
<label for="email">Email</label>
<input type="email" id="email" name="email" required>
<label for ="Gender">Gender</label>
<input type="radio" id="male" name="Gender" value="Male" required>Male
<input type="radio" id="female" name="Gender" value="Female" required>Female
<input type="radio" id="other" name="Gender" value="Other" required>Other<br>
<p>Do you have a drivers license?
<input type="radio" id="yes" name="drive" value="yes" required>
<label for="yes">Yes</label>
<input type="radio" id="no" name="drive" value="no" required>
<label for="no">No</label>
What type of vehicle do you drive?
<!--The code for select menu-->
<select id="cars" name="car">cars</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
<option value="mazda">Mazda</option>
<option value="bmw">BMW</option>
<option value="mercedes">Mercedes Benz</option>
<option value="lamborgini">Lamborghini</option>
</select><br></p>
<label for ="name">Click to upload your image</label>
<input type="file" id="file" name="file" accept=".jpg, .jpeg, .png, .gif"><br><br>
<label for="comments">Comments:</label><br>
<textarea id="comments" name="comments" rows="4" cols="50" placeholder="Enter your comments here..."></textarea><br><br>
<label for="rating">Rate our service:</label>
<select id="rating" name="rating">
<option value="excellent">Excellent</option>
<option value="good">Good</option>
<option value="average">Average</option>
<option value="poor">Poor</option>
<option value="terrible">Terrible</option>
</select><br><br>
<label for="subscribe">Subscribe to our newsletter:</label>
<input type="checkbox" id="subscribe" name="subscribe" value="yes">
<label for="subscribe">Yes</label><br><br>
<label for="terms">I agree to the terms and conditions</label>
<input type="checkbox" id="terms" name="terms" value="agree" required><br><br>
<label for="privacy">I agree to the privacy policy</label>
<input type="checkbox" id="privacy" name="privacy" value="agree" required><br><br>
<!--The code for the submit and reset buttons-->
<input type="submit" value="Submit">
<input type="reset" value="Reset"> </form><br><br>
<!--The video code-->
<h3><u>Welcome to My <a>Multimedia</a> section</u></h4>
<label for="video" width="480" height="600" controls ></label>
<video id="video.mp4" controls>
<source src="file:///C:/Users/salim/OneDrive/Desktop/Learning_python/beautiful%20recitation%20of%20Surah%20Al%20Aala.mp4" type="video/mp4">
</video>
<video id="video.mp4" width="380" height="240" controls>
<source src="file:///C:/Users/salim/Downloads/mov_bbb.mp4" type="video/mp4">
</video>
<!--The audio code-->
<audio controls>
<source src="file:///C:/Users/salim/OneDrive/Desktop/Learning_python/assignment/Zuchu%20Ft.%20Khadija%20Kopa%20Mauzauza%20%20Free%20Download,%20Borrow,%20and%20Streaming%20%20Internet.mp4" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<br><br>
<img src="file:///C:/Users/salim/OneDrive/Pictures/524.jpg" alt="Checking how much air am left with" style="max-width: 40%; height: auto; margin-top: 40px;">
<a href="file:///C:/Users/salim/OneDrive/Pictures/252.jpg" target="_blank">
<img src="file:///C:/Users/salim/OneDrive/Pictures/7fe3.jpg" style="max-width: 40%; height: auto; margin-top: 40px;">
</a>
<table border="2" width="100%" style="float: right; margin-right: 20px; margin-top: 20px;">
<caption><h2>Wild Animals</h2></caption>
<tr style="background-color: lightblue;" >
<td ><img src="file:///C:/Users/salim/OneDrive/Desktop/Learning_python/lion.jpeg" width="300 px" height="250px" ></td>
<td > <p forecolor:"blue" ><u>The Lion</u><br>The lion inhabits grasslands, savannahs, and shrublands. It is usually more diurnal than other wild cats, but when persecuted,
it adapts to being active at night and at twilight. During the Neolithic period, the lion ranged throughout Africa and Eurasia,
from Southeast Europe to India, but it has been reduced to fragmented populations in sub-Saharan Africa and one population in western
India. It has been listed as Vulnerable on the IUCN Red List since 1996 because populations in African countries have declined by about
43% since the early 1990s. Lion populations are untenable outside designated protected areas.
Although the cause of the decline is not fully understood, habitat loss and conflicts with humans are the greatest causes for concern. </p></td>
<td> <a href="https://en.wikipedia.org/wiki/Lion#:~:text=The%20lion%20inhabits%20grasslands,with%20humans%20are%20the%20greatest%20causes%20for%20concern.">Lion</a> </td>
</tr>
<!--First table row-->
<tr>
<td><img src="file:///C:/Users/salim/OneDrive/Desktop/Learning_python/cheetah.jpeg" width="300px" height="250px"></td>
<td> <p><u>The cheetah</u><br>The cheetah lives in three main social groups: females and their cubs, male "coalitions", and solitary males. While females
lead a nomadic life searching for prey in large home ranges, males are more sedentary and instead establish much smaller
territories in areas with plentiful prey and access to females. The cheetah is active during the day, with peaks during dawn
and dusk. It feeds on small- to medium-sized prey, mostly weighing under 40 kg (88 lb), and prefers medium-sized ungulates
such as impala, springbok and Thomson's gazelles. The cheetah typically stalks its prey within 60–100 m (200–330 ft) before
charging towards it, trips it during the chase and bites its throat to suffocate it to death. It breeds throughout the year.
After a gestation of nearly three months, females give birth to a litter of three or four cubs.
Cheetah cubs are highly vulnerable to predation by other large carnivores. They are weaned at around four months and are independent by around 20 months of age.</p> </td>
<td><a href="//en.wikipedia.org/wiki/Cheetah#:~:text=The%20cheetah%20lives%20in%20three,access%20to%20females.">Cheetah</a> </td>
</tr>
<!--Second table row-->
<tr>
<td><img src="file:///C:/Users/salim/OneDrive/Desktop/Learning_python/zebra.jpeg" width="300px" ></td>
<td><p><u>A Zebra</u><br>Zebras are primarily grazers and can subsist on lower-quality vegetation. They are preyed on mainly by lions, and typically
flee when threatened but also bite and kick. Zebra species differ in social behaviour, with plains and mountain zebra living
in stable harems consisting of an adult male or stallion, several adult females or mares, and their young or foals; while
Grévy's zebra live alone or in loosely associated herds.</p> <p> In harem-holding species, adult females mate only with their harem stallion,
while male Grévy's zebras establish territories which attract females and the species is polygynandrous.
Zebras communicate with various vocalisations, body postures and facial expressions. Social grooming strengthens social bonds in plains and mountain zebras. </p> </td>
<td><a href="https://en.wikipedia.org/wiki/Zebra#:~:text=Zebras%20are%20primarily%20grazers%20and,Gr%C3%A9vy's%20zebra%20live%20alone%20or%20in%20loosely%20associated%20herds.">Zebra</a> </td>
</tr>
<!--Third table row-->
<tr>
<td><img src="file:///C:/Users/salim/OneDrive/Desktop/Learning_python/monkey.jpeg" width="300px" height="250px"></td>
<td><u>A Monkey</u><br>In 1812, Étienne Geoffroy grouped the apes and the Cercopithecidae group of monkeys together and established the
name Catarrhini, "Old World monkeys" ("singes de l'Ancien Monde" in French).[3][4][5] The extant sister of the Catarrhini
in the monkey ("singes") group is the Platyrrhini (New World monkeys).[3] Some nine million years before the divergence
between the Cercopithecidae and the apes,[6] the Platyrrhini emerged within "monkeys" by migration to South America
from Afro-Arabia (the Old World),[citation needed][7][8] likely by ocean.[9][10][better source needed] Apes are
thus deep in the tree of extant and extinct monkeys, and any of the apes is distinctly closer related to the Cercopithecidae than the Platyrrhini are. </td>
<td><a href="https://en.wikipedia.org/wiki/Monkey#:~:text=In%201812%2C%20%C3%89tienne%20Geoffroy,monkeys%20(%22singes%20de%20l'Ancien%20Monde%22%20in%20French).">Monkey </a> </td>
</tr>
<!--Fourth table row-->
<tr>
<td><img src="file:///C:/Users/salim/OneDrive/Desktop/Learning_python/snake.jpeg" width="300px" height="250px"></td>
<td><u>Snakes</u><br>Living snakes are found on every continent except Antarctica, and on most smaller land masses; exceptions include some large islands,
such as Ireland, Iceland, Greenland, and the islands of New Zealand, as well as many small islands of the Atlantic and central
Pacific oceans.[4] Additionally, sea snakes are widespread throughout the Indian and Pacific oceans. Around thirty families are
currently recognized, comprising about 520 genera and about more than 4,170 species.[5] They range in size
from the tiny, 10.4 cm-long (4.1 in) Barbados threadsnake[6] to the reticulated python of 6.95 meters (22.8 ft) in length.[7] The fossil
species Titanoboa cerrejonensis was 12.8 meters (42 ft) long.[8] Snakes are thought to have evolved from either burrowing or aquatic lizards,
perhaps during the Jurassic period, with the earliest known fossils dating to between 143 and 167 Ma ago.[9][10] The diversity of modern snakes appeared during the
Paleocene epoch (c. 66 to 56 Ma ago, after the Cretaceous–Paleogene extinction event). The oldest preserved descriptions of snakes can be found in the Brooklyn Papyrus. </td>
<td><a href="https://en.wikipedia.org/wiki/Snake#:~:text=Living%20snakes%20are%20found%20on,of%20the%20Atlantic%20and%20central%20Pacific%20oceans.">Snake</a> </td>
</tr>
<!--Fifth table row-->
<tr>
<td><img src="file:///C:/Users/salim/OneDrive/Desktop/Learning_python/rhino.jpeg" width="300px" height="250px"></td>
<td><u>The Rhino</u><br>Rhinocerose are some of the largest remaining megafauna: all weigh over half a tonne in adulthood.
They have a herbivorous diet, small brains 400–600 g (14–21 oz) for mammals of their size, one or two horns,
and a thick 1.5–5 cm (0.59–1.97 in), protective skin formed from layers of collagen positioned in a lattice structure.
They generally eat leafy material, although their ability to ferment food in their hindgut allows them to subsist on more
fibrous plant matter when necessary. Unlike other perissodactyls,
the two African species of rhinoceros lack teeth at the front of their mouths; they rely instead on their lips to pluck food.</td>
<td><a href=" https://en.wikipedia.org/wiki/Rhinoceros#:~:text=Rhinoceroses%20are%20some%20of%20the,megafauna%3A%20all%20weigh%20over%20half%20a%20tonne%20in%20adulthood.">Rhino</a></td>
</tr>
<!--Sixth table row-->
<tr>
<td><img src="file:///C:/Users/salim/OneDrive/Desktop/Learning_python/giraffe.jpeg" width="300px" height="250px"></td>
<td><u>The Giraffe.</u> <br>Giraffes live in the savannas, open woodlands, and shrublands of sub-Saharan Africa. They are most commonly found in East and Southern Africa.
These areas provide the open spaces for grazing and scattered trees for browsing that giraffes need. Giraffes use both semi-arid savannah and savannah woodlands in Africa. Range: Giraffes are found in fragmented habitats scattered throughout sub-Saharan Africa.
Breeding: Giraffe pregnancy usually lasts about 15 months, with two-year intervals between births. </td>
<td><a href="https://www.ifaw.org/animals/giraffes#:~:text=Where%20do%20giraffes%20live?,square%20miles)%20in%20dry%20regions.">Giraffe</a> </td>
</tr>
<!--End of the table -->
</table>
<br><br><br><br>
<h3>Water Bodies and Mountains in Kenya</h3>
<h3> <u>Lakes</u></h3>
<ol>
<p>The following <a>lakes</a> are found in Kenya</p>
<li><a href="https://en.wikipedia.org/wiki/Lake_Victoria" target="_blank" >Lake Victoria</a></li>
<li><a href="https://en.wikipedia.org/wiki/Lake_Nakuru " target="_blank">Lake Nakuru</a></li>
<li><a href="https://en.wikipedia.org/wiki/Lake_Naivasha" target="_blank">Lake Naivasha</a></li>
<li><a href="https://en.wikipedia.org/wiki/Lake_Bogoria" target="_blank">Lake Bogoria</a></li>
<li><a href="https://en.wikipedia.org/wiki/Lake_elmentaita" target="_blank">Lake Elmentaita</a></li>
<li><a href="https://en.wikipedia.org/wiki/Lake_Baringo" target="_blank" >Lake Baringo</a></li>
<li><a href="en.wikipedia.org/wiki/Lake_turkana" target="_blank" >Lake Turkana</a></li>
<li><a href="https://en.wikipedia.org/wiki/Lake_Magadi" target="_blank">Lake Magadi</a></li>
<li><a href="https://en.wikipedia.org/wiki/Lake_Kamnarok" target="_blank">Lake Kamnarok</a></li>
</ol>
<h3><u>Mountains</u></h3>
<ul>
<p>The following <a>mountains</a> are found in Kenya</p>
<li><a href="https://en.wikipedia.org/wiki/Mount_Kenya" target="_blank">Mount Kenya</a></li>
<li><a href="https://en.wikipedia.org/wiki/Mount_Elgon" target="_blank">Mount Elgon</a></li>
<li><a href="https://en.wikipedia.org/wiki/Mount_Longonot" target="_blank">Mount Longonot</a></li>
<li><a href="https://en.wikipedia.org/wiki/Mount_Resevoir" target="_blank">Mount Reservoir</a></li>
<li><a href="https://en.wikipedia.org/wiki/Mount_Kilimanjaro" target="_blank">Mount Kilimanjaro</a></li>
</ul>
</div>
</body>
</head>
</html>