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