Довідники HTML5 img

Що таке img в HTML5?

HTML тег <img> використовується для вставки на сторінку зображень. Шлях до зображення вказується за допомогою спеціального атрибута src. Закриваючий тег не потрібен.

Не всі зображення можуть бути відкриті та вставлені на сторінку цим тегом. Тільки найпоширеніші формати: png, gif, jpeg, jpg.

Атрибути:
  • src - встановлює повний або відносний шлях до зображення;
  • alt - цей атрибут є дуже корисним як для пошукового продвиження і його варто використовувати, вписуючи в нього опис зображення або іншими словами альтернативний текст, якщо зображення не буде показано;
  • border - встановлює межу для зображення;
  • height - встановлює висоту зображення;
  • width - встановлює ширину зображення;
  • lowsrc - адреса зображення з низькою частотністю пікселів, іншими словами, зображення з поганим якістю, але швидшою завантаженням;
  • title - виринаюча підказка при наведенні.
Приклад:
<img src="img/blender.jpg" alt="Blender 3D" title="Зображення з машинкою та написом" width="200px">
Результат:
Blender 3D
Коментарі
Додати коментар

Поки що коментарів немає