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