-
Notifications
You must be signed in to change notification settings - Fork 0
/
news.html
103 lines (94 loc) · 5.51 KB
/
news.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
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
<!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>Middle-Earth</title>
</head>
<body>
<!-- <header> ще е полезен, също така и <nav> -->
<table width="100%">
<tbody>
<tr>
<td>
<img alt="Logo" src="images/Logo.png"/>
</td>
<td>
<a href="news.html">Middle-Earth</a>
</td>
<td>
<a href="contactus.html">Contact us</a>
</td>
<td>
<a href="gallery.html">Gallery</a>
</td>
</tr>
</tbody>
</table>
<!-- и тук можеш да сложиш <nav> -->
<br>
<br>
<a href="news.html">Middle-Earth</a>
<br>
<br>
<!-- Тук пък можеш да добавиш <section>, <main> или <article>, което от тях смяташ, че се връзва най-мног -->
<h1 style="margin-left: 50px">Middle-Earth Map</h1>
<br>
<br>
<!-- На теория, за да използваш само неща, които сме учили, можеше да използваш екстра колони за да постигнеш разстоянието
На практика, просто е добре да не използваш inline styles а да сложиш примертно клас, и да стилизираш класа (по-лесно ще преизползваш CSS-a)
-->
<table style="margin-left: 50px">
<tr>
<td width="50%">
<!-- По подразбиране параграфа си е ляво подравнен, не е нуждно да го слагаш допълнително -->
<p style="text-align:left">
Middle-earth is a large continent, a mass of land that occupies the central regions of Arda. It lays between two continents; Aman,
the uttermost West from which it is separated by the ocean Belegaer, and the Land of the Sun, at the uttermost East which the East Sea
separates.
<br>
<br>
The Westlands are the most well-known regions of the continent, and the only which have been mapped in great detail.
Of the Westlands, the western portion called Beleriand was drowned at the end of the First Age and survivors relocated to Lindon
and Eriador from which it was separated by the Blue Mountains. Another region of the Westlands was Rhovanion separated by the
Misty Mountains. The southern part of the Westlands was around a large bay, including Belfalas, the area of Gondor, and
Near Harad (Near South). In the years before their decline, the kingdoms of Arnor and Gondor dominated the Westlands during
the Third Age. These realms were separated by great mountain ranges such as the White Mountains and the Misty Mountains.
Of the East and South of Middle-earth not much is known, other than the names of Rhûn and Khand, east of Mordor, and the
Far Harad (Far South); but how far they extended is unknown.
<br>
<br>
In the Elder Days, the two large inland seas of Helcar and Ringil,created by the demise of the Two Lamps, stood in the center of
Middle-earth to the north and south. Another known name of the East was the Empty Lands. Through the north-east of Middle-earth ran
the Red Mountains, and to the south-east the
Yellow Mountains, which mirrored the Blue Mountains and the Grey Mountains of the north-west and south-west respectively.
On the shores of the Sea of Helcar near to the Red Mountains was Cuiviénen, the cradle of the Elves. In the far east between
the Red Mountains and the Yellow Mountains there were the Mountains of the Wind, and between these mountains and the easternmost
shores of Middle-earth there stood Hildórien, the cradle of Men. There was also a mythical Last Desert in the "East of East",
but its status or existence in the later years was unknown.
</p>
</td>
<!-- Бих ти препоръчал да сложиш <map>-а да е непосредствено до <img>, за по-добра четимост -->
<map name="mid">
<area shape="poly" coords="608,340,705,343,758,380,736,436,620,433,598,390" alt="Mordor" href="mordor.html"/>
<area shape="poly" coords="431,355,558,343,585,373,511,419,435,394" alt="Gondor" href="gondor.html"/>
<area shape="poly" coords="441,313,508,232,529,235,562,316,559,333,455,344" alt="Rohan" href="rohan.html"/>
</map>
<td width="50%">
<img src="images/middleearth.jpg" style="margin-left: 30px" usemap="#mid"/>
</td>
</tr>
</table>
<br>
<br>
<br>
<br>
<!-- И тук можеш да сложиш <nav> -->
<ol>
<li><a href="rohan.html">Rohan</a></li>
<li><a href="gondor.html">Gondor</a></li>
<li><a href="mordor.html">Mordor</a></li>
</ol>
</body>
</html>