-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex3.html
More file actions
125 lines (124 loc) · 7.43 KB
/
Copy pathindex3.html
File metadata and controls
125 lines (124 loc) · 7.43 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Задание 3</title>
<link rel="stylesheet" type="text/css" href="style3.css">
<meta name="viewport" content="width=device-width, inital-scale=1.0">
</head>
<body>
<div class="first_flex_conteiner">
<div class="img_logo">
<img src="enot.png" style=" width:100px; height:100px;" alt="Логотип енот"/>
</div>
<div class="text_logo"><h1><strong>Шапка сайта</strong></h1></div>
</div>
<div class="nav-conteiner">
<div class="nav-block1"><a href="http://example.com/main" style="color: blanchedalmond;">Главная</a></div>
<div class="nav-block2"><a href="http://example.com/categories" style="color: blanchedalmond;">Категории</a></div>
<div class="nav-block3"><a href="http://example.com/help" style="color: blanchedalmond;">Помощь</a></div>
</div>
<div class="main-conteiner">
<div class="links">
<ol>
<a id="tut"> </a>
<li><a href="http://example.com"> ссылка на главную страницу сайта example.com </a> </li>
<li><a href="https://example.com"> ссылка на главную страницу сайта example.com в протоколе https</a> </li>
<li><a href="ftp://example.com/file.txt"> ссылка на файл на сервере FTP без авторизации </a> </li>
<li><a href="ftp://enot19:12de8f7@example.com/file.txt"> ссылка на файл на сервере FTP с авторизацией </a> </li>
<li><a href="http://example.com/#infa/"> ссылка на фрагмент страницы некоторого сайта </a> </li>
<li><a href="#tut"> ссылка на фрагмент текущей страницы </a> </li>
<li><a href="http://example.com?product=flowers&color=red"> ссылка с двумя параметрами в URL </a> </li>
<li><ul>
<li><a href="mathematics.html" title="Лекции по математике"> Математика </a> </li>
<li><a href="history.html" title="Лекции по истории"> История </a> </li>
<li><a href="economy.html" title="Лекции по экономике"> Экономика </a> </li>
</ul></li>
<li><a> ссылка без href </a> </li>
<li><a href="##"> ссылка с пустым href </a> </li>
<li><a href="http://example.com" rel="nofollow"> ссылка, по которой запрещен переход поисковикам </a> </li>
<li><a href="http://example.com" rel="noindex"> ссылка, запрещенная для индексации поисковиками </a> </li>
<li><p>Информацию можете посмотреть здесь<a href="http://example.com"> ссылка контекстная в тексте абзаца </a> </li>
<li>ссылка-изображение <a href="http://example.com" > <img src="пейзажи__638_.w4xQ7.png" alt="пейзаж" whidth="30%" heigth="90%"></a></li>
<li>ссылки из прямоугольных и круглых областей картинки (HTML-тег map)<a><img src="пейзажи__639_.XC8zf.png" alt="лес" whidth="90%" heigth="30%" usemap="#forest"> </a> </li>
<li><a href="Weather.html"> относительная ссылка на страницу в текущем каталоге </a> </li>
<li><a href="about/vaccine.html"> относительная ссылка на страницу в каталоге about </a> </li>
<li><a href="../dresses.html"> относительная ссылка на страницу в каталоге уровнем выше текущего </a> </li>
<li><a href="../../clothes.html"> относительная ссылка на страницу в каталоге двумя уровнями выше </a> </li>
<li><a href="/news"> сокращенная ссылка на главную </a> </li>
<li><a href="Krasnodar"> сокращенная ссылка на внутреннюю </a> </li>
</ol>
</div>
<div class="tabl">
<table border="2" width="80%" valign="middle">
<tr>
<th>Продукты</th>
<th>Цена</th>
<th>Вес</th>
</tr>
<tr>
<td>Огурцы</td>
<td colspan="2">Нет в наличии</td>
</tr>
<tr>
<td>Бананы</td>
<td>80руб</td>
<td>1кг</td>
</tr>
<tr>
<td>Груши</td>
<td>56руб</td>
<td>500гр</td>
</tr>
<tr>
<td>Морковь</td>
<td>30руб</td>
<td>1кг</td>
</tr>
<tr>
<td>Лук</td>
<td>120руб</td>
<td>3кг</td>
</tr>
<tr>
<td>Апельсины</td>
<td colspan="2">Нет в наличии</td>
</tr>
</tr>
</table>
</div>
<div class="form">
<form action="">
<p><strong>Имя:</strong></p>
<p><input name="username" placeholder="Евгений"></p>
<p><strong>E-mail:</strong></p>
<p><input name="email" placeholder="anna54@mail.ru" type="email"></p>
<p><strong>Дата рождения:</strong></p>
<p><input name="birthday" type="date"></p>
<p><strong>Пол:</strong></p>
<p><input type="radio" name="gender" value="man">Мужской</p>
<p><input type="radio" name="gender" value="woman">Женский</p>
<p><strong>Количетсво конечностей:</strong></p>
<p><input type="radio" name="limbs" value="k0">Ноль</p>
<p><input type="radio" name="limbs" value="k1">Одна</p>
<p><input type="radio" name="limbs" value="k2">Две</p>
<p><input type="radio" name="limbs" value="k3">Три</p>
<p><input type="radio" name="limbs" value="k4">Четыре</p>
<p><input type="radio" name="limbs" value="k>4">Больше 4</p>
<p><strong>Сверхспособности:</strong></p>
<select name="super">
<option value="immortal">Бессмертие</option>
<option value="invisible">Прохождение сковзь стены</option>
<option value="levitation">Левитация</option>
</select>
<p><strong>Биография:</strong></p>
<p><textarea name="biography" placeholder="Это текст ничего не значит. Он просто присутствует в качестве примера, чтобы показать , что это многострочное текстовое поле." rows="5" cols="30" ></textarea></p>
<p><strong>С контрактом ознакомлен (а):</strong></p>
<p><input type="checkbox" name="contract" required>Соглашаюсь</p>
<p><input type="submit" value="Отправить"></p>
</form>
</div>
</div>
<div class="footer"><h3>(c)Вельц Валентина 2021г</h3></div>
</body>
</html>