Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке тег в HTML?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Тег у HTML** - це будівельний елемент вебсторінки, за допомогою якого браузеру повідомляється, що саме потрібно відобразити і яку роль відіграє цей елемент. **Ключове:** тег - це "команда для браузера", що описує структуру і зміст вмісту.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**Тег у HTML** - це **будівельний елемент** вебсторінки, за допомогою якого браузеру повідомляється, **що саме потрібно відобразити** і **яку роль відіграє цей елемент**. Простіше кажучи: > Тег - це **команда для браузера**, що описує структуру і зміст вмісту. --- ### Як виглядає тег Тег - це слово, взяте в кутові дужки `< >`. Більшість тегів мають **відкриваючу** і **закриваючу** форму: ```html <p>Це абзац тексту.</p> ``` - `<p>` - **відкриваючий тег** (початок елемента). - `</p>` - **закриваючий тег** (кінець елемента). - Усе між ними - **вміст** (content). --- ### Приклад кількох тегів: ```html <h1>Заголовок сторінки</h1> <p>Текст під заголовком.</p> <a href="https://example.com">Посилання</a> <img src="photo.jpg" alt="Фото"> ``` Тут: - `<h1>` - заголовок, - `<p>` - абзац, - `<a>` - посилання, - `<img>` - зображення. --- ### Види тегів 1. **Парні** - мають відкриваючий і закриваючий тег: ```html <div>Вміст</div> <p>Текст</p> ``` 2. **Одиночні (самозакривні)** - не містять тексту всередині і не потребують закриття: ```html <img src="photo.jpg" alt="Фото"> <br> <hr> ``` --- ### Атрибути тегів Теги можуть мати **атрибути**: додаткові параметри, які уточнюють їхню поведінку. Вони пишуться **всередині відкриваючого тега**. Приклад: ```html <a href="https://example.com" target="_blank">Перейти</a> ``` Тут: - `href` - адреса посилання, - `target="_blank"` - відкривати в новій вкладці. --- ### Як браузер розуміє теги Браузер **не відображає самі теги**, а лише **інтерпретує їх**: - `<h1>` робить текст великим заголовком, - `<p>` додає відступи між абзацами, - `<img>` вставляє картинку тощо. --- ### Підсумок: | Термін | Значення | |---|---| | **Тег** | Команда для браузера, яка вказує, який елемент потрібно створити | | **Відкриваючий тег** | Початок елемента (`<p>`) | | **Закриваючий тег** | Кінець елемента (`</p>`) | | **Атрибут** | Додаткова властивість тега (`src`, `href`, `alt`) | | **Елемент** | Усе разом: тег + вміст + атрибути | --- **Простими словами:** Тег - це **"мітка"**, якою HTML позначає кожен шматочок сторінки: де заголовок, де текст, де картинка і що з цим робити. Без тегів браузер не зрозумів би, як зібрати сторінку зі звичайного тексту.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.