HTML таг img

Пример

Кратък пример как се използва тагът <img>.

<img src="https://via.placeholder.com/300x200" 
     alt="Примерно изображение 300x200" 
     class="img-fluid rounded" 
     width="300" 
     height="200">

Дефиниция и употреба

Тагът <img> се използва за вграждане на изображения в HTML страница. Той е самозатварящ се елемент (няма затварящ таг </img>) и изисква поне атрибутите src и alt.

Основни атрибути:

• src – път или URL до изображението (може да е относителен или абсолютен).
• alt – алтернативен текст, който се показва, ако изображението не може да бъде заредено, и се използва от екранни четци за достъпност.
• width и height – задават размерите на изображението (в пиксели или с CSS). Добра практика е да се задават, за да се избегне „подскачане“ на съдържанието.

Изображенията могат да бъдат стилово оформяни с CSS или с помощта на Bootstrap класове като .img-fluid (за адаптивна ширина), .rounded, .img-thumbnail и др. Също така <img> често се комбинира с <figure> и <figcaption> за по-семантично представяне на изображения с описания.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути