Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить елемент <body>?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)Елемент **`<body>`** - це основна частина HTML-документа, у якій міститься все, що бачить користувач у вікні браузера: текст, зображення, посилання, таблиці, відео, кнопки, форми та інші елементи. **Ключове:** усе, що знаходиться між `<body>` і `</body>`, буде відображено на екрані.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняЧудове питання. Елемент `<body>` - це **основна частина HTML-документа**, в якій знаходиться **все, що бачить користувач** у вікні браузера. Якщо порівняти HTML зі спорудою, то: - `<head>` - це креслення і технічні дані, - а `<body>` - **інтер'єр і наповнення кімнат**: те, чим ми реально користуємося. --- ### Призначення `<body>` Він служить **контейнером для всього вмісту сторінки**: тексту, зображень, посилань, таблиць, відео, кнопок, форм та інших елементів. Приклад: ```html <body> <h1>Ласкаво просимо!</h1> <p>Це мій перший сайт.</p> <img src="photo.jpg" alt="Фото"> <a href="contact.html">Зв'язатися зі мною</a> </body> ``` Усе, що знаходиться між `<body>` і `</body>`, буде **відображено на екрані**. --- ### Що може містити `<body>` Усе, що користувач бачить і з чим взаємодіє: | Елемент | Призначення | |---|---| | `<h1>`-`<h6>` | Заголовки різних рівнів | | `<p>` | Абзаци тексту | | `<img>` | Зображення | | `<a>` | Посилання | | `<ul>`, `<ol>` | Списки | | `<table>` | Таблиці | | `<form>` | Форми і поля вводу | | `<button>` | Кнопки | | `<video>`, `<audio>` | Мультимедіа | --- ### Як браузер працює з `<body>` 1. Коли браузер завантажує HTML, він створює **DOM-дерево**. Вузол `<body>` стає **основним батьком** для всіх видимих елементів. 2. CSS керує зовнішнім виглядом вмісту всередині `<body>`. 3. JavaScript може змінювати або додавати елементи прямо всередині `<body>` в реальному часі. Приклад: ```javascript document.body.style.background = "lightblue"; ``` Змінює колір фону всієї сторінки. --- ### Атрибути тега `<body>` Хоча зараз їх рідко задають напряму (частіше роблять через CSS), вони все ще існують: - `bgcolor` - колір фону (застарілий); - `text` - колір тексту (застарілий); - `onload` - подія при завантаженні сторінки (актуально в JavaScript). Приклад: ```html <body onload="alert('Сторінка завантажена!')"> ``` --- ### Підсумок: | Характеристика | Опис | |---|---| | Призначення | Основний вміст сторінки | | Що містить | Все, що видно користувачу | | Керується через | CSS і JavaScript | | Місце в структурі | Знаходиться всередині `<html>`, після `<head>` | --- **Простими словами:** `<body>` - це **тіло вебсторінки**. Усе, що між `<body>` і `</body>`, - це **те, що бачить людина**, коли відкриває сайт.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.