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