Закрывающий тег не требуется.
Атрибуты тега <IMG>
src | Задает адрес графического файла, который будет отображаться на веб-странице. В качестве значения принимается полный или относительный путь к файлу. | ||||||||||
alt | Альтернативный текст для изображения.
Если браузер не находит картинки в указанном месте или пользователь отключил отображение картинок, то вместо изображения на странице будет показан альтернативный текст. Некоторые браузеры, в частности, Internet Explorer отображают альтернативный текст в виде всплывающей подсказки. Не все браузеры отображают альтернативный текст в виде всплывающей подсказки, поэтому для ее создания используйте атрибут title. | ||||||||||
height и width | Высота и ширина изображения соответственно.
Высота и ширина задаются в пикселях или процентах. В примере изображению задана ширина 100px. Обратите внимание, что в атрибуте width после цифры нет px. Высоту в процентах обычно не задают. Если установлена процентная запись, то размеры изображения вычисляются относительно родительского элемента — контейнера, где находится тег img. В случае отсутствия родительского контейнера, в его качестве выступает окно браузера. Ширину и высоту изображения можно менять как в меньшую, так и большую сторону. Однако на скорость загрузки рисунка это никак не влияет, поскольку размер файла остается неизменным. Если задать только один из размеров, ширину или высоту, то вторую размерность браузер вычислит самостоятельно исходя из пропорций изображения. Если же задать и ширину, и высоту для картинки, то браузер может нарушить пропорции исходного изображения. Если атрибуты не заданы, картинка рисуется в естественных размерах. | ||||||||||
hspace и vspace | Величина горизонтального и вертикального отступа от изображения до окружающей информации. Задается в пикселях. | ||||||||||
align | Задает способ выравнивания изображения и обтекания его текстом.
Возможные значения:
| ||||||||||
border | Задает рамку вокруг изображения толщиной в n пикселей. |
Использование изображения в качестве фона страницы. Если рисунок по размеру меньше окна браузера, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика.