-
Notifications
You must be signed in to change notification settings - Fork 0
/
index4.html
149 lines (149 loc) · 8.34 KB
/
index4.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Задание 4</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css" integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA==" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style4.css">
<meta name="viewport" content="width=device-width, inital-scale=1.0">
</head>
<body>
<header>
<div class="container-fluid">
<div class="container">
<div class="row">
<div class="img-responsive col-xs-1">
<img id="logo" src="enot.png" alt="Логотип енот" class="p-2">
</div>
<div class="col-xs-3">
<div id="logotxt" class="p-1"><h1><strong>Шапка сайта</strong<h1></div>
</div></div></div></div>
</header>
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-xxl">
<ul id="navigation" class="navbar-nav p-2">
<li class="nav-item">
<a class="nav-link active"href="http://example.com/main">Главная</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://example.com/categories">Категории</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://example.com/help">Помощь</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="continer">
<main>
<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:[email protected]/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>
<table class="table">
<thead>
<tr id="ch">
<th scope="col">Продукты</th>
<th scope="col">Цена</th>
<th scope="col">Вес</th>
</tr>
</thead>
<tbody>
<tr id="nch">
<td>Огурцы</td>
<td colspan="2">Нет в наличии</td>
</tr>
<tr id="ch">
<td>Бананы</td>
<td>80руб</td>
<td>1кг</td>
</tr>
<tr id="nch">
<td>Груши</td>
<td>56руб</td>
<td>500гр</td>
</tr>
<tr id="ch">
<td>Морковь</td>
<td>30руб</td>
<td>1кг</td>
</tr>
<tr id="nch">
<td>Лук</td>
<td>120руб</td>
<td>3кг</td>
</tr>
<tr id="ch">
<td>Апельсины</td>
<td colspan="2">Нет в наличии</td>
</tr>
</tbody>
</table>
</div>
<form>
<div class="row justify-content-center">
<div class="mb-3">
<form action="" method="POST">
<p><strong>Имя:</strong></p>
<p><input name="username" placeholder="Евгений"></p>
<p><strong>E-mail:</strong></p>
<p><input name="email" placeholder="[email protected]" 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>
</form>
<footer>
<div class="conteiner-fluid">
<h3>(c)Вельц Валентина 2021г</h3>
</footer>
</body>
</html>