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

Аксаков С. Т

Знаменитый русский писатель. Отпрыск старинного дворянского рода, А. несомненно имел в детстве живые впечатления гордого семейного сознания этой родовитости. Герой прославившей его автобиографии, дедушка Степан Михайлович, мечтал о внуке именно как о продолжателе "знаменитого рода Шимона" - сказочного варяга, племянника короля норвежского, выехавшего в Россию в 1027 году. ...

Образ Ноздрева

Многие писатели первой половины 19-го века огромную роль в своем творчестве отводили теме России. Как никто иной, они видели всю тяжесть положения крепостных крестьян и безжалостную тиранию чиновников и помещиков. Нравственные ценности отходят на второй план, а на первый выходят деньги и положение в обществе. Крепостное право лежит в основе государственной системы России. Люди ...

Упражнение 21

Упражнение 21 Цель упражнения - закрепление визуального образа треугольника. Распознавание нужных треугольников среди других треугольников (точность восприятия). Развитие воображения и внимания. Развитие мелкой моторики. Задание: "Посмотри на этот рисунок: вот кошка-мама, кот-папа и котенок. Из каких фигур они составлены? (Круги и треугольники.) Какой треугольник нужен ...

Составление уравнение химической реакции исходя из сокращённого ионного уравнения

Задание: Составьте химическое уравнение реакции, сущность которой выражается так: Cu2+ + 2OH- = Cu(OH)2      № п/п Последовательность действий Выполнение действий 1. Установите причину вследствие которой реакция идет до конца Реакция обмена идёт до конца за счёт образования нерастворимого гидроксида меди (II) 2. Подберите по таблице “растворимости” ...