Изображения

Для размещения на веб-странице изображений используется тег <IMG>. Допустимые форматы изображений: GIF, JPEG PNG.

Закрывающий тег не требуется.

Атрибуты тега <IMG>

src Задает адрес графического файла, который будет отображаться на веб-странице. В качестве значения принимается полный или относительный путь к файлу.
alt Альтернативный текст для изображения.

Если браузер не находит картинки в указанном месте или пользователь отключил отображение картинок, то вместо изображения на странице будет показан альтернативный текст. Некоторые браузеры, в частности, Internet Explorer отображают альтернативный текст в виде всплывающей подсказки. Не все браузеры отображают альтернативный текст в виде всплывающей подсказки, поэтому для ее создания используйте атрибут title.

height и width Высота и ширина изображения соответственно.
Высота и ширина задаются в пикселях или процентах. В примере изображению задана ширина 100px. Обратите внимание, что в атрибуте width после цифры нет px. Высоту в процентах обычно не задают. Если установлена процентная запись, то размеры изображения вычисляются относительно родительского элемента — контейнера, где находится тег img. В случае отсутствия родительского контейнера, в его качестве выступает окно браузера.

Ширину и высоту изображения можно менять как в меньшую, так и большую сторону. Однако на скорость загрузки рисунка это никак не влияет, поскольку размер файла остается неизменным.

Если задать только один из размеров, ширину или высоту, то вторую размерность браузер вычислит самостоятельно исходя из пропорций изображения. Если же задать и ширину, и высоту для картинки, то браузер может нарушить пропорции исходного изображения. Если атрибуты не заданы, картинка рисуется в естественных размерах.

hspace и vspace Величина горизонтального и вертикального отступа от изображения до окружающей информации. Задается в пикселях.
align Задает способ выравнивания изображения и обтекания его текстом.

Возможные значения:

top вертикальное выравнивание по верхнему краю
middle вертикальное выравнивание по центру
bottom вертикальное выравнивание по нижнему краю
left горизонтальное выравнивание по левому краю
right горизонтальное выравнивание по правому краю
border Задает рамку вокруг изображения толщиной в n пикселей.

Использование изображения в качестве фона страницы. Если рисунок по размеру меньше окна браузера, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика.

домой назад далее