Web Builder

On-Line учебник по HTML - Изображения

В практике, изображения имеют очень большую роль, так как "сухая" страница, можна сказать, "отпугивает" пользователей, хоть и не всех.
Здесь сложного ничего нет - всего один тэг:

<IMG SRC="Рисунок" BORDER="0" ALIGN="Выравнивание" WIDTH="Ширина" HEIGHT="Высота" HSPACE="Горизонтальный отступ" VSPACE="Вертыкальный отступ" ALT="Подсказка, показываемая если в браузере отключена графика" NAME="Имя" LOWSRC="Рисунок_2">

SRC	Имя графического файла с расширением (поддерживаются *.jpg, *.gif, *.png). Если файл находится в другом каталоге, укажите к нему путь (значение src).
ALIGN	Выравнивание изображения в документе: left - по левому краю. right - по правому краю. top или texttop - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки. middle - выравнивает базовую линию текущей текстовой строки с центром изображения. absmiddle - выравнивает центр текущей текстовой строки с центром изображения. bottom или baseline - выравнивают нижнюю кромку изображения с базовой линией текущей текстовой строки. absbottom - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.
BORDER	Рамка вокруг рисунка. Значение по умолчанию - 0 (без рамки).
WIDTH	Ширина изображения в пикселях.
HEIGHT	Высота изображения в пикселях.
HSPACE	Горизонтальный отступ графического изображения в пикселях. Не обязательный параметр.
VSPACE	Вертикальный отступ в пикселях. Не обязательный параметр.
ALT	Это сообщение, которое выводится вместо картинки, если она не показывается (не найдена или пользователь настроил свой Обозреватель так, что тот не показывает картинки). Кроме того, вы увидите этот текст в виде подсказки, когда курсор мыши находится на рисунке.
NAME	Определяет имя изображения. Для обычного изображения, не связанного ни с чем, этот параметр совсем не обязательный.
LOWSRC	Имя графического файла с расширением с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в параметре SRC. Обозреватели, поддерживающие данный параметр, сначала загрузят картинку из LOWSRC, а затем заменят ее картинкой из SRC. Не обязательный параметр.

Примеры:

	<img src="im/22.gif" width="68" height="69">
	<img src="im/23.gif" width="96" height="44" border="3">

Всегда задавайте размеры картинки в параметрах height и width, резервируя тем самым место в окне обозревателя еще до загрузки изображения. Параметр alt можно не указывать, но вдруг у человека не загрузилась картинка, он хоть будет знать, что она собой представляет.

Если фон картинкы или анимации отличается от фона страницы, выглядит на нем некрасиво, рекомендую сдулать для картинкы границу(border).

Полезные ссылки: