Встроенные изображения.

Одна из главных причин популярности WEB - полная поддержка встроенных изображений. Рисунки можно поместить в любом месте между метками <BODY> и </BODY>. Встроенные изображения включаются в Web-страницу с помощью метки IMG, которая имеет несколько атрибутов для спецификации свойств изображения. Эта метка должна идентифицировать расположение воспроизводимого графического изображения. Это выполняется с помощью атрибута SRC. Можно использовать как относительный, так и абсолютный маршрут к файлу. В последнем случае, перед указанием диска ставится обратный слеш, а после него, вместо двоеточия, - разделяющая черта. Например, <IMG SRC= "/D|/GRAPHICS/spider.gif ">, значит файл spider.gif находится в каталоге d:\GRAPHICS. Атрибутом ALIGN можно изменить положение изображения относительно окружающего его текста. Возможны значения: "top" - выравнивает верх изображения по верхнему краю самого высокого элемента в строке; "middle" - выравнивает центр изображения по базовой линии строки; "bottom" - выравнивает нижний край изображения по базовой линии строки окружающего текста. Это не обязательный атрибут и по умолчанию ALIGN="bottom". Для браузеров, неспособных выводить графику, можно указать текст, который будет подставлен вместо изображения. Это делается атрибутом ALT="текст". Если присутствует атрибут ISMAP, и тег изображения находится внутри тегов <A> и </A>, обозначающих якорь, рисунок становиться картой. Если щелкнуть кнопкой мыши на таком изображении, координаты указателя мыши (в пикселях) будут добавлены к указанному в якоре URL и переданы на сервер. <HTML> <BODY> <H1>ПРИМЕР </H1> <! Файл изображения - web.gif, находящийся в текущем каталоге> <P> Рисунок справа: <IMG SRC="web.gif" ALIGN="bottom"></P> </BODY> </HTML> Результат >> Для браузера NETSCAPE существуют дополнительные возможности, которые могут не поддерживаться некоторыми другими Web - браузерами. Например, указание размера бражения в атрибутах WIDTH(ширина) и HEIGHT(высота) ускоряют компоновку и воспроизведение страниц. Атрибут LOWSCR позволяет браузера воспроизводить страницы в два подхода. Сначала загружается изображение, указанное в LOWSCR, а затем указанное в SRC. Это позволяет быстро получить картину содержания Web-страницы. Атрибут BORDER используется для спецификации толщины рамки вокруг встроенного изображения (в пикселях). Отступ между изображением и обтекающим его текстом регулируется следующими атрибутами: VSPACE = целое_значение - сверху и снизу; HSPACE = целое_значение - слева и справа от рисунка. Внутри метки <BR> может быть указан атрибут вида CLEAR="ключ", ключ которого может принимать значения: "left" - для смещения обтекающего рисунок текста под изображение к левому краю, "right" - под изображение к правому краю, "all" - сдвиг текста под изображение и в левую, и в правую сторону. Существуют атрибуты тега BODY, позволяющие менять фон страницы. BGCOLOR = "#rrggbb" - определение цвета фона. Аргумент "#rrggbb" - набор из трех шестнадцатеричных чисел, определяющих красную rr, зеленую gg и синюю bb составляющие выбранного цвета. BACKGROUND="путь" - использование указанного в аргументе "путь" изображения в качестве "обоев" (фона) для страницы. Например, <BODY BACKGROUND="images/spray.gif"> ... </BODY> В атрибуте может использоваться имя относительного, абсолютного маршрутов или URL для идентификации места фонового изображения.