IMG


BGSOUND
EMBED
IMG
NOEMBED
NOSCRIPT
OBJECT
PARAM
SCRIPT


Для размещения изображений на web-страницах используется тег <IMG>, при этом рисунки можно превращать в ссылки, поместив тег <IMG> внутрь контейнера <A>. В настоящее время для размещения на страницах изображений можно использовать такие графические форматы, как JPG, GIF и PNP.

<img src="URL">

Параметры:

align Определяет выравнивание изображения
alt Назначает альтернативный текст для изображения
title Определяет текст всплывающей подсказки
border Определяет размер рамки вокруг изображения
height Определяет размер изображения по высоте
width Определяет размер изображения по ширине
hspace Определяет горизонтальный отступ краев изображения от окружающего контента
vspace Определяет вертикальный отступ краев изображения от окружающего контента
ismap Говорит браузеру, что картинка является серверной картой-изображением
usemap Ссылка на тег <MAP>, содержащий координаты для клиентской карты-изображения
lowsrc Путь к графическому файлу низкого разрешения для предварительного отображения
src Путь к графическому файлу





Параметр ALIGN

Определяет выравнивание изображения на странице относительно других элементов.

center Окружающий контент обтекает изображение только по его верхней и нижней части*
bottom Выравнивание нижней границы изображения по окружающему тексту
left Выравнивает изображение по левому краю
middle Выравнивание середины изображения по базовой линии текущей строки
right Выравнивает изображение по правому краю окна
top Верхняя граница изображения выравнивается по самому высокому элементу текущей строки



Параметр ALT

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

<img alt="текст">


Параметр TITLE

Используется для определения текста, который будет появляться, как всплывающая подсказка, при наведении курсора на изображение.

<img title="текст">


Параметр BORDER

Для любого изображения можно создать рамку различной ширины. Цвет рамки можно менять с помощью стилей CSS. По умолчанию размер рамки равен "0".


<body>
<img src="pic.jpg" border="1" style="border-color: #ff0000;">
</body>


Параметры HEIGHT и WIDTH

С помощью этих параметров можно изменять исходную ширину и высоту отображения, но делать стоит это в случае необходимости. Дело в том, что при принудительном увеличении изображения ухудшается его качество, а при уменьшении большого - скорость загрузки останется прежней.

Рекомендуется всегда проставлять эти параметры, т. к. их наличие увеличивает скорость загрузки и помогает заведомо определить позиционирование изображений. Значением по умолчанию является исходная ширина или высота изображения.


Параметры HSPACE и VSPACE

С помощью данных параметров можно задать отступ окружающего контента до краев изображения по вертикали и горизонтали. По умолчанию этот размер "0".

<img hspace="число" vspace="число">


Параметры ISMAP и USEMAP

Этот параметр говорит браузеру что рисунок является серверной картой-изображением. Карты-изображения позволяют привязывать ссылки к разным областям одного изображения. Реализуется в двух различных вариантах - серверном и клиентском. В случае применения серверного варианта браузер посылает запрос на сервер для получения адреса выбранной ссылки и ждет ответа с требуемой информацией. Такой подход требует дополнительного времени на ожидание результата и отдельные файлы для каждой карты-изображения.

Отправка данных на сервер происходит следующим образом. Необходимо поместить тег <IMG> в контейнер <A>, где в качестве значения параметра href указать адрес CGI-программы. Программа анализирует полученные координаты нажатия мыши, которые считаются от левого верхнего угла изображения, и возвращает требуемую web-страницу.

<img ismap>

Для клиентского варианта используется параметр USEMAP.

<img usemap="#logo">


Параметр LOWSRC

Данный параметр определяет путь к файлу с альтернативным изображением, которое должно появляться при первом проходе выдачи на экран загружаемого документа. Смысл задания двух загружаемых на одно и то же место изображений заключается в следующем. В качестве изображения, указываемого значением параметра LOWSRC, рекомендуется выбирать картинку того же содержания, но более низкого разрешения, возможно с меньшей глубиной цвета или даже монохромное.

Изображения такого рода занимают значительно меньше места и, как следствие, быстро загружаются. Это позволяет уже на первом проходе формирования документа увидеть общие черты изображений и не ожидать их полной загрузки.

<img lowsrc="URL">


Параметр SRC

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


С чего начать работу? Структура HTML
Гиперссылки
Текстовые блоки
Форматирование и текстовые элементы
Списки
Объекты
Таблицы
Формы
Фреймы
Метатэги и служебные теги
Все теги по алфавиту
Каскадные таблицы стилей CSS
Кодирование цвета в HTML
Коды символов в HTML
MIME-типы


Студия web-дизайна "Webcreature" © 2015
+7 (905) 515-56-52
Rambler's Top100