Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке атрибут в HTML?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Атрибут у HTML** - це додаткова характеристика тега, яка уточнює, як саме елемент має виглядати, працювати чи поводитися. **Ключове:** якщо тег - це "що це таке", то атрибут - це "який він, де знаходиться, що робить".Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**Атрибут у HTML** - це **додаткова характеристика тега**, яка уточнює, **як саме елемент має виглядати, працювати чи поводитися**. Якщо тег - це *"що це таке"*, то атрибут - це *"який він, де знаходиться, що робить"*. --- ### Приклад ```html <img src="photo.jpg" alt="Моє фото" width="300"> ``` Тут: - `<img>` - тег зображення, - `src="photo.jpg"` - шлях до файлу картинки, - `alt="Моє фото"` - альтернативний текст, якщо зображення не завантажиться, - `width="300"` - ширина картинки в пікселях. Усе, що йде **всередині відкриваючого тега** після його імені, - це **атрибути**. --- ### Структура атрибута Атрибут складається з трьох частин: ```javascript ім'я = "значення" ``` Приклад: ```html <a href="https://example.com">Посилання</a> ``` - **ім'я атрибута:** `href` - **значення:** `"https://example.com"` --- ### Де пишуться атрибути Атрибути завжди вказуються **всередині відкриваючого тега**: ```html <tagname attribute1="value1" attribute2="value2">Вміст</tagname> ``` --- ### Бувають різні типи атрибутів #### 1. **Стандартні (загальні)** Можна додати майже до будь-якого тега: - `id` - унікальний ідентифікатор елемента; - `class` - ім'я класу для застосування стилів; - `style` - вбудовані стилі; - `title` - спливаюча підказка. Приклад: ```html <p id="intro" class="text" title="Опис">Приклад абзацу</p> ``` #### 2. **Специфічні (залежать від тега)** Деякі атрибути застосовуються лише до певних тегів: - `src`, `alt`, `width`, `height` - у `<img>`; - `href`, `target` - у `<a>`; - `type`, `value`, `placeholder` - у `<input>`. --- ### Атрибути без значення Іноді достатньо просто наявності атрибута: ```html <input type="checkbox" checked> ``` Тут `checked` означає, що галочка встановлена типово. --- ### Підсумок: | Поняття | Опис | |---|---| | **Атрибут** | Додаткова властивість тега | | **Де вказується** | Всередині відкриваючого тега | | **Формат** | `ім'я="значення"` | | **Навіщо потрібен** | Щоб уточнити поведінку, зовнішній вигляд або вміст елемента | --- **Простими словами:** Атрибут - це **доповнення до тега**, яке пояснює браузеру, *який саме елемент потрібно показати і як він має працювати.* Без атрибутів сторінка виглядала б однаково і без індивідуальних налаштувань.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.