Вставка изображения в документ.

Дата добавления: 2015-07-09; просмотров: 434; Нарушение авторских прав

Изображения представляются, как часть документа. Неграфические браузеры представляют взамен изображения значение атрибута ALT. Позиционирование изображения обеспечивается атрибутами элемента IMG.

<img src=”path/filename” align=”…” width=”…” height=”…” alt=”…” border=… vspace=… hspace=… >

align – выравнивание изображения;

width – ширина изображения;

height – высота изображения;

alt – альтернативное описание;

border – рамка вокруг изображения;

vspace – отступ текста от края изображения по вертикали;

hspace - отступ текста от края изображения по горизонтали.

Имя атрибута	Возможные значения	Смысл	Примечания
SRC	URL	адрес изображения	обязателен; смотрите замечания по графическому формату
ALT	строка	текстовое описание изображения
ALIGN[4]	TOP, MIDDLE, BOTTOM, LEFT, RIGHT	позиционирование изображения относительно текущей текстовой строки	по умолчанию BOTTOM
HEIGHT	целое	высота в пикселях
WIDTH	целое	ширина в пикселях
BORDER	целое	ширина бордюра (рамки) в пикселях	используйте BORDER=0 для подавления рамки
HSPACE	целое	отступ текста от края изображения по горизонтали	значение по умолчанию - малое ненулевое число
VSPACE	целое	отступ текста от края изображения по вертикали	значение по умолчанию - малое ненулевое число
USEMAP	URL	фрагмент идентификатора для сайта клиента с картой образа	карты определены элементом MAP; имена карт - чувствительны к регистру набора символов
ISMAP	ISMAP	показывает, что изображение является картой образа, реагирующей на нажатие клавиши мыши	когда пользователь "кликает" на изображении, этот атрибут обеспечивает передачу координат курсора серверу

Для иллюстрации связывания с изображением и внедрения изображений давайте рассмотрим изображение sae.gif. В Примере 1 рисунок внедряется в тело странички, а в Примере 2 устанавливается связь с изображением, которое расположено по адресу - http://www.hut.fi/~lsarakon/sae.gif.

Пример1.

<P> <img src=”pic/sae.gif” align=”left” alt=”Пример картинки” border= ”no” vspace=”5” hspace=”5” ></P>

Теперь, представим файл в другом виде (будем считать, что автор разрешил нам использовать его изображение):

Пример 2.

<P> <IMG SRC="http://www.hut.fi/~lsarakon/sae.gif" align=”left” ALT="[Picture of Claudia Eater]" border= ”no” vspace=”5” hspace=”5” > </P>

<== предыдущая лекция	\|	следующая лекция ==>
Тема 4. Использование графики в HTML-документах.	\|	I work at job.ru