Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | ||
|
Картинку можно помещать в документ почти так же, как текстовый символ при помощи команды <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> Картинка ведет себя так же, как текст. Курсор при попадании на картинку-ссылку меняет свою форму. Мышиный щелчок по картинке заставляет браузер выполнять переход. Отличие только в том, что картинка-ссылка не подчеркивается, как текст, и не выделяется цветом, а обрамляется в рамочку.
Дата публикования: 2015-04-06; Прочитано: 264 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!