Вставити зображення в html

Напевно, жоден сайт не обійдеться без вставки зображення. Щоб вставити зображення в html застосовується тег <IMG>, який використовує наступні параметри:

SRC - URL адресу файлу з графічним зображенням. URL має наступний формат: http://host[:port][path], де
- http - назва протоколу передачі гіпертексту;
- - host IP-адреса або доменне ім'я комп'ютера;
- port - номер порту;
- path : шлях до файлу.
ALT - Альтернативна текстовий рядок (виводиться на екран замість зображення, якщо з якоїсь причини воно не вывелось)
ALIGN - вирівнювання зображення щодо тексту:
- left - зображення розташовується ліворуч від тексту;
- right - зображення розташовується праворуч від тексту;
- top - верхній край зображення вирівнюється по верхньому краю тексту;
- middle - центр зображення вирівнюється по нижньому рядку тексту;
- bottom - нижній край зображення вирівнюється по базовій лінії тексту (задається за замовчуванням);
- textop - верхній край зображення вирівнюється по верхньому краю найвищого символу в рядку;
- absmiddle - центр зображення вирівнюється по центру навколишнього тексту;
- baseline - те ж, що bottom;
- absbottom - нижній край зображення вирівнюється по нижньому краю рядки з урахуванням нижніх "хвостиків".
HEIGHT - висота зображення в пікселях або у % від висоти вікна;
WIDTH - ширина зображення в пікселях або у % від ширини вікна;
HSPACE - інтервал у точках від тексту по горизонталі;
VSPACE - інтервал у точках від тексту по вертикалі;

Параметри HEIGHT і WIDTH можуть витягувати зображення або стискати, збільшувати або зменшувати.

Приклад:

Якщо картинка знаходиться у вас на сайті, тоді

або якщо картинка знаходиться на іншому сайті:

Особливість вставити зображення в html:

- при вказівках параметрів HEIGHT і WIDTH на екрані спочатку з'являється прямокутник без зображення, після цього з'являється текст і тільки потім вже зображення.
- при вказівці тільки одного з параметрів (HEIGHT або WIDTH), другий параметр змінюється пропорційно зміні першого.