7.5 Выравнивание картинки по вертикали относительно текущей строки

Есть ещё одно любопытное применение картинок – внутри текста, где они иногда

заменяют отсутствующие в распространенных шрифтах символы. Для выравнивания

изображений по вертикали относительно текущей строки используется уже знакомый

^{атрибут} align^{, которому присваиваются следующие значения}:

absbottom ^{– выравнивание по нижним выступающим элементам букв в строке;}

baseline ^и bottom ^{– по нижнему краю строки;}

absmiddle ^и middle ^{– по середине,}

19

texttop ^{– по верхнему краю;}

top ^{– по верхним выступающим элементам букв в строке.}

7.6 Рамки и отступы

^{Если необходимо отобразить рамку графического элемента, то в теге} <IMG>

^{используется атрибут} border^{, значение которого задается в пикселях, например:}

<IMG src=Ветер.jpg height=100 alt="Обычная картинка" border=1>

В браузере это будет выглядеть следующим образом (рис. 13):

Рис. 13 Рамка вокруг картинки

Вокруг картинки появилась рамка толщиной в 1 пиксель.

Что касается отступов между картинкой и предполагаемым текстом, то в HTML всё

^{просто. В теге} <IMG> ^{имеется атрибуты} hspace ^и vspace^{, которые отвечают за отступы}

как по горизонтали, так и по вертикали от графического элемента. Значение задается в

пикселях.

7.7 Ссылки-картинки

Едва ли не чаще текста в качестве гиперссылок используются изображения -

всевозможные пиктограммы, логотипы, миниатюрные фотографии и даже целые

графические поля ссылок, когда разные фрагменты одной картинки служат ссылками на

различные объекты. Такие объекты - одно изображение на несколько ссылок - описывают

картами изображений (image map).

7.7.1 Карта изображений

Представим себе, что имеется картинка, разные объекты которой должны служить

ссылками на разные Web-страницы. Для реализации этого необходима некая конструкция,

позволяющая разметить картинку, разделить её на «зоны влияния» разных гиперссылок.

Представим, что нужно разбить на зоны прямоугольное поле, размеры которого

соответствуют размерам изображения. Понадобится как-то отмечать координаты этих зон.

Причем за точку отсчета горизонтальных и вертикальных координат примем верхний левый

угол изображения.

^{Для создания карты изображения используется конструкция, состоящая из тега} <MAP>

^{и «вложенных» в него тегов} <AREA>^. Тег <MAP> ^{определяет собственную карту}

^{изображения целиком, а теги} <AREA> ^{описывают отдельные области карты. Тег <}MAP>

^{является парным, а} <AREA> ^{– непарным. Вся же конструкция выглядит примерно так:}

<Map атрибуты карты>

<AREA атрибуты области>

</Map>

<AREA атрибуты другой области>

Необходимо связать карту изображения с самим изображением. Для этого используется

^{единственный атрибут тега} <MAP> ^– name^{. Благодаря ему, карте присваивается уникальное}

^{имя, которое потом указывается в теге} <IMG> ^{с помощью специального атрибута} usemap^.

Таким образом, карта изображения как бы накладывается на само изображение:

<MAP name=”mymap”>

20

. . .

. . .

</MAP>

<IMG src=имя изображения.расширение usemap=#mymap>

Имя изображения составляется по тем же правилам, что и другие имена в HTML.

Внимание: при ссылке на него в значении атрибута usemap перед именем карты

ставится символ #.