Программирование картинки

Картинку можно помещать в документ почти так же, как текстовый символ при помощи команды <IMG>. Команда не имеет парного закрывающего тега, но имеет много атрибутов.

Атрибут src = имя файла

Самым главным атрибутом команды является атрибут src, при помощи которого можно задать имя файла с картинкой. Например, команда <IMG src = img1.gif> - браузер отобразить на экране графический файл img1.gif из текущего каталога. Обычно графические файлы не смешивают с HTML-текстами, а помещают в отдельный каталог PIC, который является подкаталогом для каталога с программами (html-файлами). Тогда команда вывода графики будет иметь вид: <IMG src =./pic/img1.gif>

Атрибут alt = "текст надписи"

Если браузер не находит картинки в указанном месте на диске, он вместо нее рисует на экране маленький прямоугольник и вписывает в него надпись, которая задана атрибутом alt: <IMG src=monstr.jpg alt="Страшный зверь">. Атрибут alt рекомендуется использовать всегда. Даже если картинка найдена браузером, задание надписи не будет лишним: стоит пользователю остановить курсор на картинке, как надпись появится в маленьком окошке и сообщит дополнительную информацию.

Атрибуты width = n и height = m

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

Атрибут border = n

Атрибут позволяет задать рамку иллюстрации толщиной в n пикселов.
При отсутствии атрибута, или при значении n = 0 рамка не рисуется.

Атрибут align

Этот атрибут позволяет определять положение иллюстрации по отношению к соседним элементам документа. Используются следующие значения атрибута:

align=top - вертикальное выравнивание по верхнему краю;

align=middle - вертикальное выравнивание по центру;

align=bottom - вертикальное выравнивание по нижнему краю;

align=left - горизонтальное выравнивание по левому краю;

align=right - горизонтальное выравнивание по правому краю.

Картинка как ссылка

Возможен вариант, когда картинка будет играть роль гиперссылки. Для этого достаточно вложить команду IMG внутрь команды A:<A href=переход> <IMG src=файл> </A> Картинка ведет себя так же, как текст. Курсор при попадании на картинку-ссылку меняет свою форму. Мышиный щелчок по картинке заставляет браузер выполнять переход. Отличие только в том, что картинка-ссылка не подчеркивается, как текст, и не выделяется цветом, а обрамляется в рамочку.