Добавление изображений

Для вставки изображения в документ используется одиночный тег <IMG>. Web-браузеры поддерживают множество графических форматов, но наиболее часто используются GIF и JPEG. Местоположение изображения на странице и его выравнивание относительно текста задается следующими атрибутами.

Атрибуты <IMG>

Атрибут	Значение	Описание	Пояснения
SRC	Адрес изображения	URL изображения	<IMG SRC="pic1.gif"> Не забывайте прописывать полный путь изображения, если оно находится не в той же папке.
ALIGN	top, middle, bottom, left, right	выравнивание текста относительно изображения	режимы с обтеканием текста: LEFT - изображение слева, текст обтекает справа / RIGHT-изображение справа, текст обтекает слева; режимы без обтекания текстом: TOP - по верхнему краю изображения / MIDDLE - по центру изображения / BOTTOM - по нижнему краю
WIDTH/ HEIGHT	Пикселы	ширина изображения/ высота изображения	<IMG SRC="pic3.jpg" WIDTH=120 HEIGHT=160 ALIGN=LEFT> Например, тегом с данными атрибутами мы добавим изображение pic3 шириной 120, высотой 160, с выравниванием по левому краю. При указании размеров изображения больших или меньших от оригинального размера браузер производит их масштабирование, что может нарушить качество изображения некоторых форматов.
hspace	пиксели	пустое поле по горизонтали	Атрибут hspaseзадает отступ слева и справа, атрибут vspase- отступы сверху и снизу.
vspace	пиксели	пустое поле по вертикали
ALT	Текстовое описание	текстовое описание	Старайтесь указывать размер изображения и его текстовую альтернативу, т.к. в случае невозможности загрузить изображение или загрузки в браузер с отключенной графикой не нарушается структура документа (вместо графики будет прямоугольник заданного размера с текстовым описанием)
BORDER	число	ширина рамки	По умолчанию BORDER=1. При использовании изображения в качестве элемента-якоря ссылки отключайте рамку изображения (BORDER=0), дабы не портить внешний вид документа.

Дата добавления: 2015-07-11