Auto | arch-x1: 2026-06-05 13:24:09

2026-06-05 13:24:10 +03:00
parent 6effced33f
commit 8e206fed3a
12 changed files with 327 additions and 26 deletions
@@ -8,7 +8,7 @@ tags:
 - tables
 - forms
 created: 2026-05-30
-updated: 2026-05-30
+updated: 2026-06-05
 title: "Основы HTML (структура, таблицы, формы)"
 source:
 - '[[10-html_основы_НП.pdf]]'
@@ -273,3 +273,42 @@ HTML-валидация работает в браузере до отправк
  <button type="submit">Зарегистрироваться</button>
 </form>
 ```
+
+## Простыми словами для экзамена
+
+### Документ и `head`
+
+`<head>` хранит служебную информацию, а не видимый контент. Там обычно находятся:
+
+- `<meta charset="UTF-8">`;
+- `<meta name="viewport" content="width=device-width, initial-scale=1.0">`;
+- `<title>`;
+- `<link rel="stylesheet" href="...">`;
+- `<script src="..."></script>`.
+
+`viewport` особенно важен для мобильных устройств: без него страница может отображаться как уменьшенная десктопная версия.
+
+### Нормальный поток
+
+Нормальный поток — это стандартный порядок раскладки элементов без `position`, `flex`, `grid` и других специальных режимов. Блочные элементы идут сверху вниз, строчные элементы идут внутри строки слева направо.
+
+### Пробелы и переносы
+
+В обычном HTML несколько пробелов подряд схлопываются в один. Перенос строки в коде тоже обычно становится пробелом. Для явного переноса используют `<br>`, но абзацы лучше разделять через `<p>`.
+
+### Формы
+
+`id` нужен для связи с `label` и для уникального обращения к элементу. `name` нужен серверу: именно под этим именем значение поля уходит в запросе.
+
+```html
+<label for="email">Email</label>
+<input id="email" name="email" type="email" required>
+```
+
+`radio` выбирает один вариант из группы с одинаковым `name`. `checkbox` подходит для независимых флажков, где можно выбрать несколько вариантов.
+
+У `<button>` лучше явно указывать `type`:
+
+- `type="submit"` — отправляет форму;
+- `type="button"` — обычная кнопка;
+- `type="reset"` — сбрасывает форму.