HTML тег IMG служит для внедрения картинки или фото на web-страницы. На данный момент поддерживаются форматы файлов GIF, JPG, JPEG, PNG. Возможно использование анимированных картинок (GIF). Чтобы картинка была одновременно и графической ссылкой, то поместите тег IMG между <a href=...><img src="any.gif"></a>
Картинка не вставляется непосредственно в текст HTML страницы. Просто дается указание браузеру где картинка лежит, как ее зовут и как ее на экране разместить.
Атрибуты тега IMG
src
Обязательный атрибут, указывающий URL рисунка
align
Выравнивает изображение к одной из сторон документа
left
Выравнивание по левому краю
right
Выравнивание по правому краю
center
Выравнивание по центру
bottom
Выравнивание по нижнему краю
top
Выравнивание по верхнему краю
middle
Выравнивание по середине
Важный момент - расположение картинки на странице и обтекание ее текстом. По умолчанию картинка
распологается в центре и текст ее не обтекает. Но используя параметр ALIGN можно заставить текст
обтекать рисунок или фото. Например - если выравниваем рисунок по левому краю, то текст будет
обтекать рисунок справа.
alt
Выводит текст к картинке. Полезно, если браузер не отображает графику на странице
border
Устанавливает толщину рамки вокруг изображения в пикселах. По умолчанию рамка не используется. При использовании изображения в качестве гиперссылки рекомендуется установить BORDER=0, чтобы подавить цветовую окантовку, которая появится вокруг изображения
GALLERYIMG =
Поддержка Панели управления изображениями. Данная панель появляется при нахождении указателя мыши на изображении и позволяет быстро сохранить картинку, распечатать, послать на e-mail, открыть папку Мои рисунки. По умолчанию данная панель появляется только при размерах более 130 пикселах. Но можно включить эту панель с помощью этого атрибута. Может принимать значениея yes (или true) и no (или false). Смотри также META
ismap
Сообщает, что изображение является картой-изображением на сервере
height
Высота картинки в пикселах или процентах. Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером
hspace
Определяет размер свободного места в пикселах слева и справа от изображения, улучшает внешний вид страницы, отделяя изображение от текста
usemap
Сообщает, что изображение является картой-изображением на стороне клиента
vspace
Определяет размер свободного места в пикселах сверху и снизу от изображения, улучшает внешний вид страницы, отделяя изображение от текста
width
Ширина картинки в пикселах или процентах. Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером
Пример
Код с использованием тега <img>
<img src="cat.jpg" alt="Отдыхаем!" vspace=10 GALLERYIMG="yes">
