Урок 4 із 239
2%
← Назад

Атрибути HTML-тегів

Що таке атрибути HTML-тегів, де вони записуються та як змінюють поведінку елементів.

Атрибути HTML-тегів

У HTML-тегах можуть використовуватися атрибути. Атрибути — це спеціальні команди, які розширюють можливості тегів та додають їм додаткові налаштування.

Атрибути завжди записуються всередині відкривального тегу після його назви.

<tag attribute1="value1" attribute2="value2">

Атрибут складається з назви та значення. Між ними ставиться знак дорівнює, а значення зазвичай береться в лапки.

<img src="image.jpg" alt="Фото">

<a href="https://example.com">
  Перейти на сайт
</a>
АтрибутДля чого потрібен
srcВказує шлях до файлу зображення
altАльтернативний текст для картинки
hrefАдреса посилання
classНазва CSS-класу елемента

Лапки навколо значення атрибута можуть бути одинарними або подвійними. Технічно HTML допускає запис без лапок, якщо значення складається з одного слова, але в сучасній розробці рекомендується завжди використовувати лапки.

<!-- Правильно -->
<input type="text">

<!-- Можливо, але не рекомендується -->
<input type=text>
❗ Важливо:

У сучасному HTML завжди використовуйте лапки для значень атрибутів. Це робить код зрозумілішим і допомагає уникнути помилок.

📌 Завдання:
  1. Поясніть, що таке атрибут HTML-тега.
  2. Де всередині тега записуються атрибути?
  3. Для чого використовується атрибут src?
  4. Напишіть тег посилання з атрибутом href.
💡 Показати підказку

Згадайте приклади тегів img та a. У них часто використовуються атрибути src та href.

✅ Показати відповідь
1. Атрибут — це додаткова команда, яка розширює можливості HTML-тега.

2. Атрибути записуються всередині відкривального тега.

3. Атрибут src вказує шлях до файлу, наприклад зображення.

4. Приклад:
<a href="https://example.com">Сайт</a>