П.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="http://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">

Поиск по сайту: