-
Notifications
You must be signed in to change notification settings - Fork 0
/
links.html
157 lines (151 loc) · 9.1 KB
/
links.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
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
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Завдання 5</title>
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<a href="./index.html" class="link">На головну</a>
<h1>Приклади посилань</h1>
<br />
<p>Локальний шлях на будь-який файл:</p>
<br />
<a href="./images.html" class="link">Локальний файл</a>
<p>Абсолютний шлях на вебсторінку (відкриття в новій вкладці):</p>
<br />
<a href="https://validator.w3.org/" target="_blank" class="link"
>Відкрити в новій вкладці</a
>
<p>Абсолютний шлях на вебсторінку (відкриття в поточній вкладці):</p>
<br />
<a href="https://validator.w3.org/" class="link"
>Відкрити в поточній вкладці</a
>
<p>Якір із переходом на іншу сторінку:</p>
<br />
<a href="#section2" class="link">Перейти до розділу 2</a>
<hr />
<h2 id="section1">Розділ 1</h2>
<br />
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laboriosam
maxime facere animi voluptates tempore fugiat. Error enim rem similique
voluptate! Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fuga
eligendi qui illum quas, sequi iusto, laboriosam suscipit dolores
asperiores, dicta quod accusantium odio ullam saepe harum earum quo
aperiam hic? Inventore quas eveniet, tempore omnis aliquid incidunt
eligendi voluptatem sequi nesciunt recusandae rerum iste corporis
consequatur eaque? Veritatis obcaecati maxime architecto vitae, quisquam
corrupti incidunt, exercitationem repellat provident vel voluptate ab quis
aperiam reiciendis voluptates voluptatibus. Molestiae explicabo repellat
distinctio possimus expedita reiciendis nobis! Quo, possimus! Sequi iste
ullam aperiam numquam sit saepe voluptatibus facere iusto odit ducimus
mollitia necessitatibus maxime, hic consectetur delectus voluptas,
perspiciatis et cumque fuga recusandae! Lorem ipsum dolor, sit amet
consectetur adipisicing elit. Laboriosam maxime facere animi voluptates
tempore fugiat. Error enim rem similique voluptate! Lorem ipsum dolor, sit
amet consectetur adipisicing elit. Fuga eligendi qui illum quas, sequi
iusto, laboriosam suscipit dolores asperiores, dicta quod accusantium odio
ullam saepe harum earum quo aperiam hic? Inventore quas eveniet, tempore
omnis aliquid incidunt eligendi voluptatem sequi nesciunt recusandae rerum
iste corporis consequatur eaque? Veritatis obcaecati maxime architecto
vitae, quisquam corrupti incidunt, exercitationem repellat provident vel
voluptate ab quis aperiam reiciendis voluptates voluptatibus. Molestiae
explicabo repellat distinctio possimus expedita reiciendis nobis! Quo,
possimus! Sequi iste ullam aperiam numquam sit saepe voluptatibus facere
iusto odit ducimus mollitia necessitatibus maxime, hic consectetur
delectus voluptas, perspiciatis et cumque fuga recusandae! Lorem ipsum
dolor, sit amet consectetur adipisicing elit. Laboriosam maxime facere
animi voluptates tempore fugiat. Error enim rem similique voluptate! Lorem
ipsum dolor, sit amet consectetur adipisicing elit. Fuga eligendi qui
illum quas, sequi iusto, laboriosam suscipit dolores asperiores, dicta
quod accusantium odio ullam saepe harum earum quo aperiam hic? Inventore
quas eveniet, tempore omnis aliquid incidunt eligendi voluptatem sequi
nesciunt recusandae rerum iste corporis consequatur eaque? Veritatis
obcaecati maxime architecto vitae, quisquam corrupti incidunt,
exercitationem repellat provident vel voluptate ab quis aperiam reiciendis
voluptates voluptatibus. Molestiae explicabo repellat distinctio possimus
expedita reiciendis nobis! Quo, possimus! Sequi iste ullam aperiam numquam
sit saepe voluptatibus facere iusto odit ducimus mollitia necessitatibus
maxime, hic consectetur delectus voluptas, perspiciatis et cumque fuga
recusandae! Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Laboriosam maxime facere animi voluptates tempore fugiat. Error enim rem
similique voluptate! Lorem ipsum dolor, sit amet consectetur adipisicing
elit. Fuga eligendi qui illum quas, sequi iusto, laboriosam suscipit
dolores asperiores, dicta quod accusantium odio ullam saepe harum earum
quo aperiam hic? Inventore quas eveniet, tempore omnis aliquid incidunt
eligendi voluptatem sequi nesciunt recusandae rerum iste corporis
consequatur eaque? Veritatis obcaecati maxime architecto vitae, quisquam
corrupti incidunt, exercitationem repellat provident vel voluptate ab quis
aperiam reiciendis voluptates voluptatibus. Molestiae explicabo repellat
distinctio possimus expedita reiciendis nobis! Quo, possimus! Sequi iste
ullam aperiam numquam sit saepe voluptatibus facere iusto odit ducimus
mollitia necessitatibus maxime, hic consectetur delectus voluptas,
perspiciatis et cumque fuga recusandae!
</p>
<br />
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laboriosam
maxime facere animi voluptates tempore fugiat. Error enim rem similique
voluptate! Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Laboriosam maxime facere animi voluptates tempore fugiat. Error enim rem
similique voluptate! Lorem ipsum dolor, sit amet consectetur adipisicing
elit. Fuga eligendi qui illum quas, sequi iusto, laboriosam suscipit
dolores asperiores, dicta quod accusantium odio ullam saepe harum earum
quo aperiam hic? Inventore quas eveniet, tempore omnis aliquid incidunt
eligendi voluptatem sequi nesciunt recusandae rerum iste corporis
consequatur eaque? Veritatis obcaecati maxime architecto vitae, quisquam
corrupti incidunt, exercitationem repellat provident vel voluptate ab quis
aperiam reiciendis voluptates voluptatibus. Molestiae explicabo repellat
distinctio possimus expedita reiciendis nobis! Quo, possimus! Sequi iste
ullam aperiam numquam sit saepe voluptatibus facere iusto odit ducimus
mollitia necessitatibus maxime, hic consectetur delectus voluptas,
perspiciatis et cumque fuga recusandae! Lorem ipsum dolor, sit amet
consectetur adipisicing elit. Laboriosam maxime facere animi voluptates
tempore fugiat. Error enim rem similique voluptate! Lorem ipsum dolor, sit
amet consectetur adipisicing elit. Fuga eligendi qui illum quas, sequi
iusto, laboriosam suscipit dolores asperiores, dicta quod accusantium odio
ullam saepe harum earum quo aperiam hic? Inventore quas eveniet, tempore
omnis aliquid incidunt eligendi voluptatem sequi nesciunt recusandae rerum
iste corporis consequatur eaque? Veritatis obcaecati maxime architecto
vitae, quisquam corrupti incidunt, exercitationem repellat provident vel
voluptate ab quis aperiam reiciendis voluptates voluptatibus. Molestiae
explicabo repellat distinctio possimus expedita reiciendis nobis! Quo,
possimus! Sequi iste ullam aperiam numquam sit saepe voluptatibus facere
iusto odit ducimus mollitia necessitatibus maxime, hic consectetur
delectus voluptas, perspiciatis et cumque fuga recusandae! Lorem ipsum
dolor, sit amet consectetur adipisicing elit. Laboriosam maxime facere
animi voluptates tempore fugiat. Error enim rem similique voluptate! Lorem
ipsum dolor, sit amet consectetur adipisicing elit. Laboriosam maxime
facere animi voluptates tempore fugiat. Error enim rem similique
voluptate! Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Laboriosam maxime facere animi voluptates tempore fugiat. Error enim rem
similique voluptate!
</p>
<br />
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt,
aliquid? Rem dicta, quia recusandae numquam deleniti impedit saepe
corporis, vero eos sunt aliquid. Aut, aliquid asperiores! Assumenda nisi,
non sint adipisci est maxime earum hic enim tempore consequatur asperiores
placeat provident dolorum delectus corrupti voluptatem necessitatibus
sunt, eveniet nam minima? Recusandae numquam iste fugit itaque est maxime
expedita laboriosam ipsam dicta aut omnis, tempore facilis voluptatibus
ipsa ex dolore animi nesciunt modi in rerum voluptatum ratione.
Perferendis eum adipisci sint quae inventore commodi hic voluptatem quasi,
laborum autem, nam saepe fuga esse! Omnis saepe incidunt voluptatibus
facilis aliquid ut nemo.
</p>
<br />
<h2 id="section2">Розділ 2</h2>
<br />
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laboriosam
maxime facere animi voluptates tempore fugiat. Error enim rem similique
voluptate!
</p>
<hr />
</body>
</html>