|
Для добавления в HTML - документ графических объектов (картинки, фотографии) используется
одиночный тег img, содержащий обязательный атрибут src, указывающего
на адрес (URL) картинки:
<img src="url графического файла">
или
<img src="путь / имя файла">
Дополнительные атрибуты элемента img
| Атрибут | Описание |
|---|
| ALIGN |
Указывает способ выравнивания изображения в документе:
left - Выравнивает изображение по левому краю документа.
Прилегающий текст обтекает изображение справа.
right - Выравнивает изображение по правому краю документа.
Прилегающий текст обтекает изображение слева.
top и texttop - Выравнивают верхнюю кромку изображения
с верхней линией текущей текстовой строки.
middle - Выравнивает базовую линию текущей текстовой строки с центром изображения.
absmiddle - Выравнивает центр текущей текстовой строки с центром изображения.
bottom и baseline - Выравнивают нижнюю кромку изображения с базовой линией текущей текстовой строки.
absbottom - Выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.
Для завершения обтекания изображения текстом используйте атрибут clear элемента br.
|
| HEIGHT | Устанавливает высоту изображения |
| WIDTH | Устанавливает ширину изображения |
| HSPACE |
Устанавливает отступ картинки (в пикселах) по горизонтали от других объектов документа,
например при обтекании изображения текстом.
|
| VSPACE | Устанавливает отступ картинки (в пикселах) по вертикали от других объектов документа. |
| ALT |
Устанавливает текст, отображаемый на месте изображения, если браузер не может найти файл
с изображением или пользователь запретил прием изображений. Кроме того этот текст показывается
при наведение на изображение мышкой, как подсказка
В качестве значения задается любой текст.
Очень важно использовать этот атрибут на графических кнопках меню.
|
| BORDER |
Устанавливает ширину рамки вокруг изображения в пикселах.
Рамка возникает, только если изображение является гипертекстовой ссылкой.
Если она не нужна - значение BORDER нужно установить равным нулю.
|
| GALLERYIMG |
Поддержка Панели управления изображениями. Данная панель появляется при нахождении указателя мыши на изображении и позволяет быстро сохранить картинку, распечатать, послать на e-mail, открыть папку Мои рисунки. По умолчанию данная панель появляется только при размерах более 130 пикселах. Но можно включить эту панель с помощью этого атрибута. Может принимать значениея yes (или true) и no (или false).
|
| LOWSRC |
Параметр lowsrc используется для отображения рисунка низкого качества перед полной загрузкой конечного изображения. Такой подход предназначен для снижения времени ожидания пользователя. Предварительно ему показывается изображение в низком разрешении или черно-белый рисунок, который быстро загружается из-за небольшого исходного объема файла. Пока пользователь рассматривает его, происходит загрузка изображения хорошего качества, которое постепенно сменяет первоначальное. Размеры этих изображений обязательно должны совпадать. Пример: <img src="URL" lowsrc="URL2">
|
Примечание:
Чтобы после картинки не появилось пустое пространство в несколько пикселей,
сразу после <IMG ...> без пробелов нужно поставить тег перевода строки <BR>.
| 