E-mail Добавить в "Избранное" Сделать "ТвойWeb" стартовой
Здесь находится флеш баннер. Чтобы увидеть его Вы должны установить Flashplayer
 
Новости сайта
02 [F]апреля, 2006
08 [F]декабря, 2005
17 [F]октября, 2005
16 [F]июля, 2005
25 [F]декабря, 2004
======================
Предыдущие новости
<< < 01 02 03 04 05 > >>
 
 
 

Вставка в документ объектов (часть I)

Объекты - это графические и мультимедийные вставки в HTML-документ, такие как картинки, Java-апплеты, звуки, музыка, видео, VRML.

Элемент IMG
Используется для вставки в тело документа графического изображения. Под графическим изображением подразумевают: схемы, рисунки, графические объекты и карты изображений в форматах JPEG (в том числе progressive jpeg) и Compuserve GIF (включая прозрачные и анимированные). Последние версии браузеров позволяют также использовать формат PNG, но до тех пор пока они не устареют от применения PNG лучше воздержаться.
Элемент IMG не имеет конечного тэга.
Имеет атрибуты;
атрибут Src
Этот атрибут является обязательным параметром. Указывает адрес (URL-адрес) файла с изображением.
Записывается так:
<img src="http://site.ru/images/kartinka.gif">
атрибут Width
Определяет ширину изображения в пикселях.
Записывается так:
<img src="http://site.ru/images/kartinka.gif" width="150">
атрибут Height
Определяет высоту изображения в пикселях.
Записывается так:
<img src="http://site.ru/images/kartinka.gif" height="120">
Если указанные значения атрибутов "width" и "height" не совпадают с реальным размером изображения, изображение масштабируется (порой с заметной потерей качества). То есть размер файла изображения (имеется ввиду размер в kb) остается неизменным.

Важно! Обязательно задавайте значения параметров "width" и "heght", резервируя тем самым место в окне браузера еще до загрузки изображения. В противном случае документ при загрузке каждой картинки будет заново перерисовываться. А на медленных машинах или при подключении к сети посредством модема это просто отвратительно смотрится.

атрибут Hspace
Определяет отступ картинки (в пикселах) по горизонтали от других объектов документа. Просто необходим при обтекании изображения текстом.
Записывается так:
<img src="http://site.ru/images/kartinka.gif" hspace="20">
атрибут Vspace
Определяет отступ картинки (в пикселах) по вертикали от других объектов документа. Так же необходим при обтекании изображения текстом.
Записывается так:
<img src="http://site.ru/images/kartinka.gif" vspace="15">
Здесь можно посмотреть примеры применения этих атрибутов.

Важно!Указывайте значения параметров Hspace и Vspace, даже если вы хотите оставить поля нулевой ширины. Бывает, что некоторые браузеры по умолчанию присваивают им какое-то небольшое значение, не равное нулю.

атрибут Align
Обязательный параметр. Указывает способ выравнивания изображения в документе. Может принимать следующие значения:
left
Выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа.
right
Выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.
top и texttop
Выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.
middle
Выравнивает базовую линию текущей текстовой строки с центром изображения.
absmiddle
Выравнивает центр текущей текстовой строки с центром изображения.
bottom и baseline
Выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.
absbottom
Выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.
Записывается так;
<img src="http://site.ru/images/kartinka.gif" align="left">
Здесь можно посмотреть действие всех значений атрибута "align" элемента <Img>.
атрибут Name
Определяет имя изображения, уникальное для данного документа. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр. Имя необходимо, если вы планируете осуществлять доступ к изображению, например, из JavaScript-сценариев.
Записывается так:
<img src="http://site.ru/images/kartinka.gif" name="risunok">
атрибут Alt
Определяет альтернативный текст который будет отображаться вместо изображения пока идет загрузка изображения или если браузер по какой либо причине не смог отобразить изображение (неправильный путь к файлу изображения, не найдено изображение на сервере и т.д.)
Записывается так:
<img src="http://site.ru/images/kartinka.gif" alt="Здесь должна быть моя фотография, но я все никак не соберусь сфотографироваться">
Эффект;

Здесь должна быть моя фотография, но я все никак не соберусь сфотографироваться

атрибут Border
Определяет ширину рамки вокруг изображения в пикселах. Если этот атрибут не указан в теге <Img> рамка возникает, только если изображение является гипертекстовой ссылкой. В таких случаях значение Border обычно указывают равным нулю.
Записывается так:
<img src="http://site.ru/images/kartinka.gif" border="2">
атрибут Lowsrc
Указывает адрес (URL) файла с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в атрибуте "src". Браузеры, поддерживающие данный параметр, сначала загрузят картинку из Lowsrc, a затем, когда основная картинка из "src" загрузится, заменят ее.
Записывается так:
<img lowsrc="http://site.ru/images/mini.gif" src="http://site.ru/images/kartinka.gif">
атрибут Usemap
Применяет к изображению навигационную карту (image map), заданную элементом "Map". В качестве значения задается имя карты с предшествующей ему решеткой. Например, если имя карты - "map1", то ссылка на нее будет выглядеть как "#map1". Обратите внимание: прописные и строчные буквы в данном параметре трактуются браузером как разные. Об элементе "Map" я расскажу чуть позже.
Записывается так:
<img src="http://site.ru/images/kartinka.gif" usemap="#map1">

Продолжение следует...

К оглавлению Наверх Дальше