< на главную

Изображение вставляется с помощью дескриптора <img> с обязательным атрибутом src:
<img src="адрес">
(img - image - англ. изображение
src - source - англ. источник)


Атрибуты

а) align
б) width, height
в) hspace, vspace
г) border
д) alt
е) title




а) align="значение"

Относительное расположение изображения и текста. Возможные значения приведены в нижерасположенной таблице. По умолчанию используется bottom.
left До До До До До До До До До До До До До До До До ДоПосле После После После После После После После Изображение смещается к левому краю окна браузера
right До До До До До До До До До До До До До До До До ДоПосле После После После После После После После Изображение смещается к правому краю окна браузера
absbottom До До До До До До До До До До До До До До До До ДоПосле После После После После После После После Выравнивание изображения по низу самого низко посаженного символа алфавита.
bottom До До До До До До До До До До До До До До До До ДоПосле После После После После После После После Выравнивание изображения по низу строки.
baseline До До До До До До До До До До До До До До До До ДоПосле После После После После После После После Выравнивание изображения по базовой линии строки (отличие от значения bottom для меня непонятно).
middle До До До До До До До До До До До До До До До До ДоПосле После После После После После После После Центр изображения выравнивается по центру строки
absmiddle До До До До До До До До До До До До До До До До ДоПосле После После После После После После После Более точное выравнивание изображения по центру строки.
top До До До До До До До До До До До До До До До До ДоПосле После После После После После После После Вертикальное выравнивание изображения по верху строки
texttop До До До До До До До До До До До До До До До До ДоПосле После После После После После После После Ещё один способ выравнивания по верху (отличие от значения top для меня непонятно).
к оглавлению



б) width="цифра", height="цифра"

Ширина и высота рисунка. Могут быть указаны либо в пикселах, либо в процентах от размеров рабочей области браузера. Если указан только один параметр, то второй будет расчитан браузером автоматически, исходя из принципа сохранения пропорции изображения. Примеры:
<img src=pic.jpg height=15 width=100> -

<img src=pic.jpg height=15% width=100%> -
к оглавлению



в) hspace="цифра", vspace="цифра"

Задание отступов между изображением и текстом по горизонтали и вертикали. Понятнее показать, чем рассказывать.
<img src=pic.jpg> До До До До До До До До До До До До До До До До ДоПосле После После После После После После После Без использования отступов (эталон).
<img src=pic.jpg hspace=30> До До До До До До До До До До До До До До До До ДоПосле После После После После После После Отступы по горизонтали.
(hspace - horizontal space - англ. вертикальное пространство)
<img src=pic.jpg vspace=30> До До До До До До До До До До До До До До До До ДоПосле После После После После После После После Отступы по вертикали.
(vspace - vertical space - англ. вертикальное пространство)
к оглавлению



г) border="цифра"

Ширина окаймления вокруг рисунка. (border - англ. граница, край) По умолчанию значение атрибута =0 (при условии, что изображение не используется в качестве ссылки и нет привязки к навигационной карте). Пример: <img src=pic.jpg border=20> -

(Если Вы хотите изменить цвет рамки, то можете поместить дескриптор <img ... > внутрь элемента <font color="цвет"> ... <,font>, правда такой приём не срабатывает в IE. Я читала о специальном атрибуте bordercolor, но на него не отреагировал ни один из имеющихся у меня браузеров.)
к оглавлению



д) alt="текст"

Альтернативный текст. Если в браузере отображение изображений отключено (или он по какой-либо причине не может его найти), то вместо рисунка выводится данный текст. Эту же фразу пользователь видит во всплывающей окне (если не используется атрибут title с иным тектом).
Примеры: 1) Это альтернативный текст к существующему рисунку 2) А это альтернативный текст к несуществующему рисунку
к оглавлению



е) title="текст"

Текст вспылающего окна. Имеет приоритет над alt.
Пример: <img src=pic.jpg alt="Текст для замены рисунка" title="Текст всплывающего окна"> - Текст для замены рисунка



< на главную к оглавлению
Hosted by uCoz