>>> Перейти на полный размер сайта >>>

Справочник по тегам HTML

Теги HTML

       

Тег IMG

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">



Категория тега IMG
Графика

 

 

Top.Mail.Ru
Top.Mail.Ru