П.1.5. Рисунки

§ < IMG> – элемент для создания ссылки на графический файл. Вся необходимая для отображения информация содержится в атрибутах. Ссылки на рисунки можно использовать для гиперссылок или вставлять рисунки в таблицы. Главным атрибутом элемента является указатель на файл графики:

src=”Ссылка на файл графики”

Эта ссылка представляет собой URL..

Для ссылки на рисунок на локальном диске шаблон ссылки имеет вид

< IMG SRC=" file: ///Диск: /Путь к файлу"

или < IMG SRC=”file: //Диск: \Путь к файлу”

Например, для вставки в страницу рисунка геометрической фигуры использован следующий графический элемент:

< IMG SRC=" file: ///C: /DOC/HTML_SAM/treug1.gif"

Другие атрибуты:

alt=”Текст поясняющий рисунок”. Позволяет выводить текст вместо рисунка. Это позволяет ускорить загрузку страницы.

Атрибуты выравнивания aligh (botton, left, middle, right, top).

Размер рисунка: height и width (высота и ширина в пикселях).

Толщина рамки border (в пикселях) и др.

§ < MAP> < /map> – элемент «карта» для составного графического изображения. Его отдельные части могут быть использованы как гиперссылки для организации переходов. Элемент работает совместно с элементом IMG.

Если реакцию на щелчок отрабатывает сервер, то используют атрибут ismap=”ismap”, а если браузер, то usemap=”#Имя”. Это имя ставится в соответствие со значением соответствующих атрибутов AREA и MAP.

Имя карты задается внутри тега MAP атрибутом

name=”Имя”.

Для каждой области карты создается свой элемент < AREA>. Этот элемент включает атрибут адреса ссылки:

href=" Протокол: //Адрес ссылки" >.

Можно также использовать атрибут alt=”Текст подсказки”.

Для областей карты обязательно должны быть определены атрибуты их формы. Существуют три стандартные формы областей: круг (circle), прямоугольник (rect) и многоугольник произвольной формы (polygon).

Для круга задают координаты центра и радиус. Его шаблон:

Shape=”circle” cords=X, Y, R

Для прямоугольной области задают координаты верхнего левого и нижнего правого углов

Shape=”rect” cords=X1, Y1, X2, Y2

Для многоугольника задают координаты каждой его точки

Shape=”poly” cords=X1, Y1, X2, Y2, X3, Y3

Пример элемента MAP:

< MAP name=" karta1" >

< AREA alt=" Круг" shape=" circle"

coords=" 119, 114, 83" href=" https://www.ipcom.ru" >

< AREA alt=" Многоугольник" shape=" poly"

coords=" 74, 242, 180, 250, 249, 239, 242, 278, 31, 276"

href=" file: ///C: /DOC/HTML_SAM/Start.htm" >

< /map>

< IMG src=" file: ///C: /DOC/HTML_SAM/Map1.gif"

usemap=" #karta1" alt=" Карта 1" >