Тег <img> – це елемент HTML, який використовується для вбудовування зображень на веб-сторінку. Це тег, що самозакривається, тобто він не вимагає закриває тега. Джерело зображення вказується за допомогою атрибута « src», який має бути URL-адресою, яка вказує на файл зображення. Атрибут « alt» використовується для надання альтернативного тексту зображення, яке відображається, якщо зображення не може бути завантажене або читається програмою читання з екрана. Атрибути « width» та « height» можуть використовуватися для вказівки розміру зображення в пікселях. Інші атрибути, що часто використовуються, включають «class»і «id» для стилів CSS і « align» для вирівнювання на сторінці.

Деякі інші атрибути, які можна використовувати з тегом <img>, включають:

• « title»: надає додаткову інформацію про зображення, яка може відображатися у вигляді підказки під час наведення курсору миші на зображення.
• « usemap»: використовується разом із картами зображень, щоб вказати, які області зображення мають бути клікабельними.
• « loading»: це експериментальний атрибут, який дозволяє використовувати « lazy» або « eager» стратегію завантаження зображень.
• «eager»: цей атрибут використовується для налаштувань CORS під час завантаження зображення з іншого домену.

Важливо, що тег <img>завжди повинен включати атрибут « alt», оскільки він надає важливу інформацію для користувачів, які не можуть переглянути зображення, наприклад, для тих, хто використовує програми читання з екрана. Крім того, рекомендується включати атрибути ширини та висоти, оскільки це може підвищити продуктивність веб-сторінки, дозволяючи браузеру зарезервувати місце для зображення до завантаження.