Для встраивания изображений в HTML-документ следует использовать тег <IMG>, имеющий единственный обязательный параметр SRC, определяющий URL-адрес файла с изображением.
Простейший пример встраивания изображения:
<IMG SRC=имя файла.gif>
Данный тег может иметь ряд параметров, действия которых приведены ниже:
Таблица 2
Значения параметра ALIGN
__________________________________________________
| Значение параметра ALIGN | Действие |
| TOP | Верхняя граница изображения выравнивается по самому высокому элементу текущей строки. |
| TEXTTOP | Верхняя граница изображения выравнивается по самому высокому текстовому элементу текущей строки. |
| MIDDLE | Выравнивание середины изображения по базовой линии текущей строки |
| ABSMIDDLE | Выравнивание середины изображения посередине текущей строки |
| BASELINE или BOTTOM | Выравнивание нижней границы изображения по базовой линии текущей строки |
| ABSBOTTOM | Выравнивание нижней границы изображения по нижней границе текущей строки. |
| LEFT | Изображение прижимается к левому полю окна. Текст обтекает изображение с правой стороны. |
| RIGHT | Изображение прижимается к правому полю окна. Текст обтекает изображение с левой стороны. |
Пример:
<P>Выравнивание<IMG SRC=primer.gif ALIGN=top>по верхнему краю.
<P>Выравнивание<IMG SRC=primer.gif ALIGN=baseline>по базовой линии.
<P>Изображение<IMG SRC=primer.gif ALIGN=left>прижимается к левому полю окна.
<P>Изображение<IMG SRC=primer.gif ALIGN=right>прижимается к правому полю окна.
Задание размеров выводимого изображения создаётся с помощью двух необязательных параметров -WIDHT и HEIGHT. Значения параметров могут указываться как в пикселях, так и в процентах от размеров окна просмотра.
Пример:
<IMG SRC=primer.gif WIDTH=150>
<IMG SRC=primer.gif>
<IMG SRC=primer.gif WIDTH=75>
Для тега <IMG> можно задавать параметры HSPASE и VSPASE, значения которых определяют отступы от изображения, оставляемые пустыми, соответственно по горизонтали и вертикали. Это гарантирует, что между текстом и изображением останется пространство, необходимое для нормального восприятия.
Изображение, встраиваемое на страницу, можно поместить в рамку различной ширины. Для этого служит параметр BORDER тега <ING>. В качестве значения параметра используется число, означающее толщину рамки в пикселях. По умолчанию рамка вокруг изображения не рисуется.
<IMG SRC=имя рисунка ALIGN=left HSPASE=20 VSPASE=20 BORDER=10>
(Текст абзаца)
Ещё одним из параметров тега <IMG> является параметр ALT, определяющий альтернативный текст. Его указание даёт возможность пользователем неграфических браузеров или пользователям, работающим в режиме отключения загрузки изображений, получить некоторую текстовую информацию о встроенных изображений.
Пример:
<ING SRC=primer.gif ALT="Картинка">
Графические изображения могут использоваться в качестве гипертекстовых связей. Для обеспечения работы в качестве ссылки на другие ресурсы достаточно включить изображение внутрь тега-контейнера <A>.
Пример:
<A HREF=имя файла.html><IMG SRC=имя файла.gif></A>