Тег img

ОписТег img вставляє в html-документ зображення. Найбільш популярні формати - gif, jpg та png, хоча останнім часом все популярнішим стає svg.
Синтаксис
<img src="шлях до графічного файлу" атрибут="значення">
Атрибутиalign
Вказує розташування зображення щодо тексту або інших об'єктів, може приймати значення:

  1. left - зображення вирівнюється по лівому краю;

  2. right - зображення вирівнюється по правому краю;

  3. top - вирівнює верхню лінію малюнка по верхньому рядку тексту;

  4. bottom - вирівнює нижню лінію малюнка по нижньому рядку тексту;

  5. middle - вирівнює середину малюнка по центру рядка тексту;


alt
Вказує альтернативний текст для зображення (який буде показаний, якщо у відвідувача відключений показ графіки).
border
Вказує товщину рамки навколо зображення або прибирає її зовсім (при border = "0" рамка не показується).
height
Вказує висоту зображення.
width
Вказує ширину зображення.
hspace
Вказує горизонтальний відступ від зображення до тексту чи іншого об'єкта.
vspace
Вказує вертикальний відступ від зображення до тексту чи іншого об'єкта.
lowsrc
Вказує шлях до зображення більш низької якості для попереднього перегляду.
usemap
Вказує, що зображення є навігаційної картою (image map). Таке зображення може містити кілька різних посилань.
ismap
Вказує, що зображення є навігаційної картою (image map), оброблюваної сервером. Як правило, в таких випадках воно є посиланням на серверний скрипт.
Приклад
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//UA" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Приклад тегу img</title>
</head>
<body>
<img src ="linux.jpg" width="154" height="190" align="left">
Файл з малюнком розміщено в тому ж каталозі, що й файл html.
Тому шлях до файлу (атрибут src) є відносним (без http).
Тег img має атрибут align з параметром left.
Тому малюнок розташувався зліва від тексту.
</body>
</html>

Тег img


(відкриється в новому вікні)
Часті помилкиАтрибут alt не тільки допоможе тим, у кого відключено показ зображень. Його відсутність - порушення специфікації html 4.01, тобто тег img без атрибуту alt використовувати не можна.
ДодатковоНе забувайте правильно вказувати атрибути до тегу img. Наприклад, height і width потрібні для того, щоб браузер міг зарезервувати простір для малюнку - тоді він продовжить завантажувати html-документ, не чекаючи повного завантаження зображення.

Тег img