generated from marwinburesch/html-intro-owls
-
Notifications
You must be signed in to change notification settings - Fork 0
/
9.html
53 lines (53 loc) · 2 KB
/
9.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>many owls</title>
</head>
<body>
<!--Exercise 9:
There is a bit more text in our article and it looks a bit bulky. Try to seperate it into two paragraphs.
-->
<header>
<h1>many owls</h1>
<h2>there are many owls indeed</h2>
</header>
<article>
<img
src="https://images.unsplash.com/photo-1574085975024-eaa85ec28107?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=400&q=80"
alt="tawny owl"
/>
<h3>Tawny owl</h3>
<p>
The tawny owl or brown owl (Strix aluco) is a stocky, medium-sized owl
commonly found in woodlands across much of Eurasia. The tawny owl is a
member of the genus Strix, that is also the origin of the family's name
under Linnaean taxonomy. Its underparts are pale with dark streaks, and
the upperparts are either brown or grey. Several of the eight recognised
subspecies have both. This nocturnal bird of prey hunts a wide variety
of prey species, but usually primarily takes small mammals such as
rodents.
</p>
<p>
Tawny owls usually hunt by dropping from a perch to seize their
prey, which they typically swallows whole. In more urban areas, its diet
includes a higher proportion of birds, while in arid subtropics many
invertebrates such as insects are taken.
</p>
</article>
<aside>
<ul>
<li>There are around 200 different owl species</li>
<li>Owls are active at night (nocturnal)</li>
<li>A group of owls is called a parliament</li>
</ul>
</aside>
<footer>
<a href=" https://en.wikipedia.org/wiki/Owl">Owls on wikipedia</a>
<a href="https://unsplash.com/s/photos/owls">Owl pics!</a>
<a href="#">Home</a>
</footer>
</body>
</html>