Вставка изображения в 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 могут изображение вытягивать или сжимать, увеличивать или уменьшать.

Пример:

Если картинка находится у вас на сайте, то:

<img src="html/bg.gif" alt="Замещающий текст" width="36" height="45" />

или если картинка находится на другом сайте:

<img src="http://life-prog.ru/html/bg.gif" alt="Замещающий текст" width="536" height="245" />

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

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