На сайт Информатика в школе     •    К оглавлению учебника


Рисунки на 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">

Посмотреть

 

 

Hosted by uCoz