|
На сайт Информатика в школе • К оглавлению учебника Рисунки на WEB-страничке<IMG> - элемент для создания ссылки на графический файл (image). Он не содержит конечного тега - вся необходимая информация задается при помощи атрибутов. Этот элемент является универсальным: с его помощью можно использовать изображения в гиперссылках, вставлять картинки в таблицы, просто размещать рисунки на Web-странице, решать задачи дизайна и т.д. Необходимым атрибутом является src - указатель на файл графики: src="Ссылка на файл". Например: <IMG src="bos2.gif> - обычный рисунок <IMG src="pantera.gif"> - анимированный рисунок Очень полезным атрибутом является alt. Он позволяет выводить текст в тех местах, где должны располагаться рисунки. Страница может загружаться достаточно долго, и пока графические файлы на подходе, пользователь должен видеть, какие изображения он сможет получить. Например: <IMG src="bos2.gif alt="Портрет маленького джентельмена" > <IMG src="pantera.gif" alt="Большая черная кошка, которая гуляет сама по себе"> Высоту и ширину области, в которой демонстрируется рисунок, задают при помощь атрибутов height - высота и width - ширина. Например: <IMG src="bos2.gif" width="76" height="121"> <img src="bos2.gif" width="176"> Обратите внимание, что во втором случае изменен размер рисунка (мы изменили ширину, высота будет изменена автоматически). При этом происходит потеря качества изображения, поэтому желательно задавать эти атрибуты в соответствии с реальными размерами рисунка. Атрибут border задает рамку вокруг объекта. border="2' - ширина рамки задается в пикселах. Например: <IMG src="pantera.gif" border="2" alt="Большая черная кошка, которая гуляет сама по себе"> Полностью тег IMG должен выглядеть следующим образом: <IMG src="bos2.gif" width="76" height="121" alt="Портрет маленьгого джентельмена"> Если вы хотите использовать рисунок в качестве обоев странички (background), то в теге <BODY> используем этот атрибут с указанием адреса рисунка обоев. Например: <BODY background="wood.jpg">
|