Для вбудовування зображення в документ використовується тег <IMG>, що має обов'язковий параметр SRC, який визначає адресу файлу з картинкою.
Для вказівки адреси зображення можна задавати як абсолютний, так і відносний шлях. У загальному випадку правила для додавання зображень ті ж, що і при утворенні посилань:
<img src="http://www.htmlbook.ru/images/sample.gif"> - абсолютний адреса розміщення зображення
<img src="/images/sample.gif"> - адреса розміщення зображення щодо кореня сайту
<img src="images/sample.gif"> - адреса розміщення зображення щодо поточного HTML–документа
Альтернативний текст дозволяє отримати текстову інформацію про зображення при відключенні в браузері завантаження зображень. Для створення альтернативного тексту використовується параметр ALT тега <IMG>:
<img src="home.gif" alt="Повернутися на головну сторінку"> </a>
Для зміни розмірів зображення засобами HTML передбачені параметри width і height (у пікселах):
<img src="sample.gif" height="100" width="100">
Обов'язково задавайте розміри всіх зображень на веб-сторінці. Це дещо прискорює завантаження сторінки, оскільки браузеру немає потреби обчислювати розмір кожного малюнка після його отримання.
Навколо зображення можна додати рамку, колір якої співпадає з кольором тексту на веб-сторінці. Для цього служить параметр border, якому як значення вказується товщина рамки в пікселях:
<img src="sample.gif" border="1">
Довкола зображення можна задати порожні поля по горизонталі та вертикалі за допомогою параметрів hspace і vspace:
<img src="sample.gif" hspace ="10" vspace ="10">
Для зображень можна вказувати положення щодо тексту або інших зображень на веб-сторінці. Спосіб вирівнювання зображень задається параметром align, який може набувати значення bottom, left, middle, right, top.
