Многочисленные возможности использования рисунка с HTML
описаны в данной статье! Надеюсь, они вам помогут...
Вставка рисунка на HTML страницу
Минимальный тэг - это тэг рисунок и адрес его расположения
<IMG SRC="3.gif">
В этом случае он будет искать в той директории, в которой
находится страница с этим тэгом. Если рисунок находится, к примеру, на другой
странице, то надо указать полный путь к файлу
<IMG
SRC="http://www.domain.ru/Images/3.gif">
А если страница находится в одной директории, а рисунок
находится в следующей, то надо просто написать:
<IMG SRC="SledDirektoriya/moirisunok.gif">
То есть, если у Вас страница, к примеру index.htm, с тэгом
рисунка, например, находится на http://www.domain.ru/index.htm , а Вы сложили
все Ваши рисунки в одну директорию, к примеру Images, то в тэге Вы пишите
<IMG SRC="Images/3.gif"> .
Делаем рамки к рисункам
Рамки приобретают основной цвет текста, а если рисунок
заключен в тэг гиперссылок, то он приобретает цвет гиперссылок. Надо вставить в
тэг рисунка атрибут BORDER="0|1|2|3|5|6...". 0|1|2|3|5|6... - это
толщина рамки. Она может быть любая. Пример:
<IMG SRC="3.gif" BORDER="4">
Присваивание текста к рисунку
Текст в рисунке - это хорошо, потому что, во-первых, многие
выключают автоматическую загрузку рисунков для более быстрого просматривания
страниц, во-вторых, некоторые броузеры не могут показывать рисунки. Это атрибут
ALT, вставляемый в тэг рисунка. Пример:
<IMG SRC="3.gif" ALT="Текст">
Задаем размеры
Размеры нужны, потому что, если у Вас дизайн состоит в
большой части из рисунков, то если рисунок не загрузится (некоторые
пользователи отключают или не могут просматривать рисунки) он может нарушить
Вам дизайн. Ну и можно также задавать размеры большие или меньшие, чем сам
рисунок. Здесь нужны два атрибута HEIGHT и WIDTH . А значение
"1|2|3|5|6..." - это значение в пикселях, а в процентах от окна - эти
значения будут "1%|2%|3%|5%|6%...". Пример тэга рисунка с атрибутом
размера в пикселях:
<IMG SRC="3.gif" HEIGHT="90"
WIDTH="400">
Устанавливаем на рисунок гиперссылку (линк)
Также можно, как и на текст, поставить на рисунок
гиперссылку. Если стоит на рисунок гиперссылка, а в тэге рисунка нет атрибута
BORDER, то браузеры NN и IE делают автоматически рамку. Пример ссылки,
установленной на рисунок, с тэгом BORDER.
<A HREF="http://www.domain.ru/index.htm">
<IMG
SRC="3.gif" BORDER="0"></A>
Делаем расстояние от рисунка
Можно легко сделать расстояние от рисунком, не увеличивая
сам рисунок или прибегая к другим мерам. Это атрибут VSPACE (вниз и вверх) и
HSPACE (вправо и влево) и значение у них "0|1|2|3|5|6...".
Пример: