Атрибуты HTML — это дополнительные сведения, которые задают свойства и поведение HTML-элементов. Они записываются в начальном теге и имеют формат имя="значение".

Атрибуты позволяют точно управлять функциональностью, структурой и внешним видом веб-страницы. Они дают браузеру дополнительную информацию о том, как должен вести себя тот или иной элемент.

🔹 Основные функции атрибутов:

1. Задают ссылки, источники, ID и классы.
2. Обеспечивают уникальную идентификацию элемента (через id).
3. Позволяют применять стили и подключать скрипты (class, style).
4. Влияют на пользовательский интерфейс и взаимодействие (disabled, placeholder).

🔹 Пример синтаксиса:

<tag attribute="значение">Контент</tag>

Примеры:

<img src="image.jpg" alt="Изображение звезды">

<a href="https://example.com" target="_blank">Перейти по ссылке</a>

🔹 Популярные атрибуты:

Атрибут - Назначение

href - Ссылка на другой документ или страницу

src - Источник изображения, видео или скрипта

alt - Альтернативный текст для изображений

id - Уникальный идентификатор

class - Классы для CSS/JS

style - Встроенные стили

target - Открытие ссылки в новой вкладке

title - Всплывающая подсказка при наведении

disabled - Отключение элемента формы

value - Значение полей ввода

🔹 Дополнительные сведения:

• Можно использовать несколько атрибутов в одном теге.
• Некоторые атрибуты являются логическими (boolean): их наличие уже имеет значение (checked, readonly).
• HTML5 добавил data- атрибуты* — пользовательские данные, встроенные в HTML.

Аналогия:

Атрибуты HTML — как настройки в приложении: внешний интерфейс остаётся прежним, но именно настройки определяют, как всё будет работать.